Preview
#cc7019
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.56:1 · vs black: 5.9:1
HEX
#cc7019
RGB
rgb(204, 112, 25)
RGBA
rgba(204, 112, 25, 1)
HSL
hsl(29, 78%, 45%)
HSV
hsv(29, 88%, 80%)
LAB
lab(56.58% 30.84 58.54)
LCH
lch(56.58% 66.17 62.22)
OKLAB
oklab(0.6371 0.0804 0.1224)
OKLCH
oklch(0.6371 0.1464 56.7)
XYZ
xyz(30.87, 24.50, 4.02)
CMYK
cmyk(0%, 45%, 88%, 20%)
CSS
color: #cc7019;
CSS variable
--color-cc7019: #cc7019;
SCSS
$color-cc7019: #cc7019;
Tailwind
red-500
Export
:root {
--#cc7019-1: #cc7019;
}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.