Preview
#e49a1b
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.35:1 · vs black: 8.94:1
HEX
#e49a1b
RGB
rgb(228, 154, 27)
RGBA
rgba(228, 154, 27, 1)
HSL
hsl(38, 79%, 50%)
HSV
hsv(38, 88%, 89%)
LAB
lab(69.25% 18.62 69.24)
LCH
lch(69.25% 71.7 74.95)
OKLAB
oklab(0.7417 0.0436 0.1454)
OKLCH
oklch(0.7417 0.1518 73.31)
XYZ
xyz(43.75, 39.69, 6.39)
CMYK
cmyk(0%, 32%, 88%, 11%)
CSS
color: #e49a1b;
CSS variable
--color-e49a1b: #e49a1b;
SCSS
$color-e49a1b: #e49a1b;
Tailwind
red-500
Export
:root {
--#e49a1b-1: #e49a1b;
}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.