Preview
#ffd699
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.33:1
HEX
#ffd699
RGB
rgb(255, 214, 153)
RGBA
rgba(255, 214, 153, 1)
HSL
hsl(36, 100%, 80%)
HSV
hsv(36, 40%, 100%)
LAB
lab(87.8% 6.33 35.47)
LCH
lch(87.8% 36.03 79.88)
OKLAB
oklab(0.8973 0.0201 0.0878)
OKLCH
oklch(0.8973 0.0901 77.11)
XYZ
xyz(71.04, 71.66, 40.22)
CMYK
cmyk(0%, 16%, 40%, 0%)
CSS
color: #ffd699;
CSS variable
--color-ffd699: #ffd699;
SCSS
$color-ffd699: #ffd699;
Tailwind
red-200
Export
:root {
--#ffd699-1: #ffd699;
}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.