Preview
#ffe3aa
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.82:1
HEX
#ffe3aa
RGB
rgb(255, 227, 170)
RGBA
rgba(255, 227, 170, 1)
HSL
hsl(40, 100%, 83%)
HSV
hsv(40, 33%, 100%)
LAB
lab(91.28% 1.6 31.4)
LCH
lch(91.28% 31.44 87.08)
OKLAB
oklab(0.9255 0.0073 0.0787)
OKLCH
oklch(0.9255 0.079 84.7)
XYZ
xyz(75.97, 79.10, 49.29)
CMYK
cmyk(0%, 11%, 33%, 0%)
CSS
color: #ffe3aa;
CSS variable
--color-ffe3aa: #ffe3aa;
SCSS
$color-ffe3aa: #ffe3aa;
Tailwind
orange-100
Export
:root {
--#ffe3aa-1: #ffe3aa;
}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.