Preview
#ffd199
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.83:1
HEX
#ffd199
RGB
rgb(255, 209, 153)
RGBA
rgba(255, 209, 153, 1)
HSL
hsl(33, 100%, 80%)
HSV
hsv(33, 40%, 100%)
LAB
lab(86.59% 8.91 33.87)
LCH
lch(86.59% 35.02 75.26)
OKLAB
oklab(0.8877 0.0277 0.084)
OKLCH
oklch(0.8877 0.0884 71.75)
XYZ
xyz(69.79, 69.16, 39.80)
CMYK
cmyk(0%, 18%, 40%, 0%)
CSS
color: #ffd199;
CSS variable
--color-ffd199: #ffd199;
SCSS
$color-ffd199: #ffd199;
Tailwind
red-200
Export
:root {
--#ffd199-1: #ffd199;
}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.