Preview
#e6c36a
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.7:1 · vs black: 12.38:1
HEX
#e6c36a
RGB
rgb(230, 195, 106)
RGBA
rgba(230, 195, 106, 1)
HSL
hsl(43, 71%, 66%)
HSV
hsv(43, 54%, 90%)
LAB
lab(80.12% 1.71 48.85)
LCH
lch(80.12% 48.88 88)
OKLAB
oklab(0.8293 0.0034 0.1154)
OKLCH
oklch(0.8293 0.1155 88.31)
XYZ
xyz(54.75, 56.90, 21.73)
CMYK
cmyk(0%, 15%, 54%, 10%)
CSS
color: #e6c36a;
CSS variable
--color-e6c36a: #e6c36a;
SCSS
$color-e6c36a: #e6c36a;
Tailwind
orange-300
Export
:root {
--#e6c36a-1: #e6c36a;
}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.