Preview
#cb8a62
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.86:1 · vs black: 7.35:1
HEX
#cb8a62
RGB
rgb(203, 138, 98)
RGBA
rgba(203, 138, 98, 1)
HSL
hsl(23, 50%, 59%)
HSV
hsv(23, 52%, 80%)
LAB
lab(63.14% 20.38 31.37)
LCH
lch(63.14% 37.41 56.99)
OKLAB
oklab(0.6899 0.0594 0.0763)
OKLCH
oklch(0.6899 0.0967 52.1)
XYZ
xyz(35.92, 31.76, 15.79)
CMYK
cmyk(0%, 32%, 52%, 20%)
CSS
color: #cb8a62;
CSS variable
--color-cb8a62: #cb8a62;
SCSS
$color-cb8a62: #cb8a62;
Tailwind
red-400
Export
:root {
--#cb8a62-1: #cb8a62;
}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.