Preview
#ae590f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.96:1 · vs black: 4.24:1
HEX
#ae590f
RGB
rgb(174, 89, 15)
RGBA
rgba(174, 89, 15, 1)
HSL
hsl(28, 84%, 37%)
HSV
hsv(28, 91%, 68%)
LAB
lab(47.21% 30.37 52.42)
LCH
lch(47.21% 60.58 59.91)
OKLAB
oklab(0.5562 0.0798 0.1083)
OKLCH
oklch(0.5562 0.1345 53.62)
XYZ
xyz(21.12, 16.18, 2.46)
CMYK
cmyk(0%, 49%, 91%, 32%)
CSS
color: #ae590f;
CSS variable
--color-ae590f: #ae590f;
SCSS
$color-ae590f: #ae590f;
Tailwind
red-600
Export
:root {
--spectrum-#ae590f-1: #ae590f;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.