Preview
#ca5010
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.5:1 · vs black: 4.67:1
HEX
#ca5010
RGB
rgb(202, 80, 16)
RGBA
rgba(202, 80, 16, 1)
HSL
hsl(21, 85%, 43%)
HSV
hsv(21, 92%, 79%)
LAB
lab(49.9% 45.93 56.1)
LCH
lch(49.9% 72.5 50.69)
OKLAB
oklab(0.5854 0.1249 0.1138)
OKLCH
oklch(0.5854 0.169 42.34)
XYZ
xyz(27.32, 18.34, 2.59)
CMYK
cmyk(0%, 60%, 92%, 21%)
CSS
color: #ca5010;
CSS variable
--color-ca5010: #ca5010;
SCSS
$color-ca5010: #ca5010;
Tailwind
red-500
Export
:root {
--fluent-orange-1: #ca5010;
}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.