Preview
#a23a10
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 6.67:1 · vs black: 3.15:1
HEX
#a23a10
RGB
rgb(162, 58, 16)
RGBA
rgba(162, 58, 16, 1)
HSL
hsl(17, 82%, 35%)
HSV
hsv(17, 90%, 64%)
LAB
lab(39.15% 41.25 45.15)
LCH
lch(39.15% 61.16 47.58)
OKLAB
oklab(0.491 0.1134 0.0927)
OKLCH
oklch(0.491 0.1465 39.26)
XYZ
xyz(16.51, 10.75, 1.70)
CMYK
cmyk(0%, 64%, 90%, 36%)
CSS
color: #a23a10;
CSS variable
--color-a23a10: #a23a10;
SCSS
$color-a23a10: #a23a10;
Tailwind
slate-600
Export
:root {
--#a23a10-1: #a23a10;
}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.