Preview
#efd79c
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.87:1
HEX
#efd79c
RGB
rgb(239, 215, 156)
RGBA
rgba(239, 215, 156, 1)
HSL
hsl(43, 72%, 77%)
HSV
hsv(43, 35%, 94%)
LAB
lab(86.68% -0.04 32.19)
LCH
lch(86.68% 32.19 90.07)
OKLAB
oklab(0.8852 0.0022 0.0802)
OKLCH
oklch(0.8852 0.0802 88.43)
XYZ
xyz(65.90, 69.35, 41.36)
CMYK
cmyk(0%, 10%, 35%, 6%)
CSS
color: #efd79c;
CSS variable
--color-efd79c: #efd79c;
SCSS
$color-efd79c: #efd79c;
Tailwind
orange-200
Export
:root {
--#efd79c-1: #efd79c;
}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.