Preview
#f1c289
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.82:1
HEX
#f1c289
RGB
rgb(241, 194, 137)
RGBA
rgba(241, 194, 137, 1)
HSL
hsl(33, 79%, 74%)
HSV
hsv(33, 43%, 95%)
LAB
lab(81.34% 9.54 34.99)
LCH
lch(81.34% 36.27 74.75)
OKLAB
oklab(0.8427 0.0289 0.0861)
OKLCH
oklch(0.8427 0.0908 71.45)
XYZ
xyz(60.08, 59.09, 31.90)
CMYK
cmyk(0%, 20%, 43%, 5%)
CSS
color: #f1c289;
CSS variable
--color-f1c289: #f1c289;
SCSS
$color-f1c289: #f1c289;
Tailwind
red-200
Export
:root {
--#f1c289-1: #f1c289;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.