Preview
#ffc499
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.61:1
HEX
#ffc499
RGB
rgb(255, 196, 153)
RGBA
rgba(255, 196, 153, 1)
HSL
hsl(25, 100%, 80%)
HSV
hsv(25, 40%, 100%)
LAB
lab(83.47% 15.66 29.72)
LCH
lch(83.47% 33.59 62.21)
OKLAB
oklab(0.8633 0.0476 0.0743)
OKLCH
oklch(0.8633 0.0882 57.35)
XYZ
xyz(66.73, 63.04, 38.78)
CMYK
cmyk(0%, 23%, 40%, 0%)
CSS
color: #ffc499;
CSS variable
--color-ffc499: #ffc499;
SCSS
$color-ffc499: #ffc499;
Tailwind
red-200
Export
:root {
--#ffc499-1: #ffc499;
}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.