Preview
#f19e5b
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.15:1 · vs black: 9.78:1
HEX
#f19e5b
RGB
rgb(241, 158, 91)
RGBA
rgba(241, 158, 91, 1)
HSL
hsl(27, 84%, 65%)
HSV
hsv(27, 62%, 95%)
LAB
lab(72.17% 24.64 47.1)
LCH
lch(72.17% 53.16 62.38)
OKLAB
oklab(0.7692 0.0683 0.1098)
OKLCH
oklch(0.7692 0.1293 58.12)
XYZ
xyz(50.39, 43.91, 15.72)
CMYK
cmyk(0%, 34%, 62%, 5%)
CSS
color: #f19e5b;
CSS variable
--color-f19e5b: #f19e5b;
SCSS
$color-f19e5b: #f19e5b;
Tailwind
red-300
Export
:root {
--#f19e5b-1: #f19e5b;
}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.