Preview
#c2931c
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.81:1 · vs black: 7.48:1
HEX
#c2931c
RGB
rgb(194, 147, 28)
RGBA
rgba(194, 147, 28, 1)
HSL
hsl(43, 75%, 44%)
HSV
hsv(43, 86%, 76%)
LAB
lab(63.69% 7.55 62.91)
LCH
lch(63.69% 63.36 83.16)
OKLAB
oklab(0.6898 0.0134 0.1339)
OKLCH
oklch(0.6898 0.1346 84.29)
XYZ
xyz(32.89, 32.42, 5.62)
CMYK
cmyk(0%, 24%, 86%, 24%)
CSS
color: #c2931c;
CSS variable
--color-c2931c: #c2931c;
SCSS
$color-c2931c: #c2931c;
Tailwind
orange-500
Export
:root {
--#c2931c-1: #c2931c;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.