Preview
#f5deb3
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 15.98:1
HEX
#f5deb3
RGB
rgb(245, 222, 179)
RGBA
rgba(245, 222, 179, 1)
HSL
hsl(39, 77%, 83%)
HSV
hsv(39, 27%, 96%)
LAB
lab(89.35% 1.51 24.01)
LCH
lch(89.35% 24.06 86.4)
OKLAB
oklab(0.9088 0.0075 0.061)
OKLCH
oklch(0.9088 0.0615 82.99)
XYZ
xyz(71.91, 74.91, 53.31)
CMYK
cmyk(0%, 9%, 27%, 4%)
CSS
color: #f5deb3;
CSS variable
--color-f5deb3: #f5deb3;
SCSS
$color-f5deb3: #f5deb3;
Tailwind
red-100
Export
:root {
--wheat-1: #f5deb3;
}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.