Preview
#ffd79c
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.45:1
HEX
#ffd79c
RGB
rgb(255, 215, 156)
RGBA
rgba(255, 215, 156, 1)
HSL
hsl(36, 100%, 81%)
HSV
hsv(36, 39%, 100%)
LAB
lab(88.1% 6.14 34.32)
LCH
lch(88.1% 34.86 79.86)
OKLAB
oklab(0.8997 0.0197 0.0852)
OKLCH
oklch(0.8997 0.0874 76.98)
XYZ
xyz(71.54, 72.26, 41.63)
CMYK
cmyk(0%, 16%, 39%, 0%)
CSS
color: #ffd79c;
CSS variable
--color-ffd79c: #ffd79c;
SCSS
$color-ffd79c: #ffd79c;
Tailwind
red-100
Export
:root {
--#ffd79c-1: #ffd79c;
}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.