Preview
#ffd899
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.53:1
HEX
#ffd899
RGB
rgb(255, 216, 153)
RGBA
rgba(255, 216, 153, 1)
HSL
hsl(37, 100%, 80%)
HSV
hsv(37, 40%, 100%)
LAB
lab(88.29% 5.3 36.11)
LCH
lch(88.29% 36.5 81.65)
OKLAB
oklab(0.9011 0.0171 0.0893)
OKLCH
oklch(0.9011 0.0909 79.16)
XYZ
xyz(71.55, 72.67, 40.39)
CMYK
cmyk(0%, 15%, 40%, 0%)
CSS
color: #ffd899;
CSS variable
--color-ffd899: #ffd899;
SCSS
$color-ffd899: #ffd899;
Tailwind
red-200
Export
:root {
--#ffd899-1: #ffd899;
}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.