Preview
#dea821
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.16:1 · vs black: 9.73:1
HEX
#dea821
RGB
rgb(222, 168, 33)
RGBA
rgba(222, 168, 33, 1)
HSL
hsl(43, 74%, 50%)
HSV
hsv(43, 85%, 87%)
LAB
lab(71.99% 8.69 69.64)
LCH
lch(71.99% 70.18 82.89)
OKLAB
oklab(0.7618 0.0158 0.148)
OKLCH
oklch(0.7618 0.1488 83.91)
XYZ
xyz(44.40, 43.65, 7.52)
CMYK
cmyk(0%, 24%, 85%, 13%)
CSS
color: #dea821;
CSS variable
--color-dea821: #dea821;
SCSS
$color-dea821: #dea821;
Tailwind
orange-500
Export
:root {
--#dea821-1: #dea821;
}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.