Preview
#ffda99
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.74:1
HEX
#ffda99
RGB
rgb(255, 218, 153)
RGBA
rgba(255, 218, 153, 1)
HSL
hsl(38, 100%, 80%)
HSV
hsv(38, 40%, 100%)
LAB
lab(88.78% 4.27 36.75)
LCH
lch(88.78% 37 83.37)
OKLAB
oklab(0.9049 0.0141 0.0908)
OKLCH
oklch(0.9049 0.0919 81.17)
XYZ
xyz(72.06, 73.71, 40.56)
CMYK
cmyk(0%, 15%, 40%, 0%)
CSS
color: #ffda99;
CSS variable
--color-ffda99: #ffda99;
SCSS
$color-ffda99: #ffda99;
Tailwind
red-200
Export
:root {
--#ffda99-1: #ffda99;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.