#C65033#C65033
#C65033 is a mid, vivid red. Relative luminance 0.180; OKLCH L 58.2% C 0.157 H 35.0°. Best body text is #000000 at 4.60:1 contrast (WCAG AA passes).
Color values
| HEX | #C65033 |
|---|---|
| RGB | rgb(198, 80, 51) |
| HSL | hsl(12, 59%, 49%) |
| HSV | hsv(12, 74%, 78%) |
| CMYK | cmyk(0%, 59.6%, 74.2%, 22.4%) |
| CIE-LAB | lab(49.48, 45.46, 40.36) |
| CIE-LCH | lch(49.48, 60.79, 41.60°) |
| OKLab | oklab(58.17% 0.1289 0.0903) |
| OKLCH | oklch(58.17% 0.157 35) |
| XYZ | xyz(26.7577, 17.9858, 5.1939) |
| Luminance | 0.1798 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Terra Cotta
#C9643B
ΔE00 6.10
Terracotta (survey)
#CA6641
ΔE00 6.16
Terracota
#CB6843
ΔE00 6.71
Rust
#B7410E
ΔE00 7.18
Brick Orange
#C14A09
ΔE00 7.22
Tomato (survey)
#EF4026
ΔE00 7.39
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C65033 #33A9C6
analogous
#C63360 #C65033 #C69A33
triadic
#C65033 #33C650 #5033C6
tetradic
#C65033 #60C633 #33A9C6 #9A33C6
square
#C65033 #60C633 #33A9C6 #9A33C6
split-complementary
#C65033 #33C69A #3360C6
monochromatic
#65291A #953C26 #C65033 #D67760 #E3A191
Accessibility & contrast
On white
4.57
#C65033 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.60
#C65033 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #C65033
4.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C65033 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C65033 | 1.00 | 4.57 | 4.60 | 4.60 |
| #FFFFFF | 4.57 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.60 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#71652F
Deuteranopia (green-blind)
#8E7F2F
Tritanopia (blue-blind)
#D9354A
Achromatopsia (no color)
#767676
Design tokens & code
CSS
--color: #c65033; /* rgb */ color: rgb(198, 80, 51); /* oklch */ color: oklch(58.2% 0.157 35.0);
Tailwind
colors: {
custom: {
50: '#df856c',
500: '#c65033',
950: '#000000',
},
}SCSS
$custom: #c65033; $custom-light: #df856c; $custom-dark: #000000;
JSON
{
"hex": "#c65033",
"rgb": {
"r": 198,
"g": 80,
"b": 51
},
"hsl": {
"h": 11.837,
"s": 59.036,
"l": 48.824
},
"oklch": {
"l": 0.58171,
"c": 0.15735,
"h": 35
},
"luminance": 0.17982
}Semantic roles & 50–950 ramp
primary
#C65033
secondary
#87C0CD
accent
#C3E246
background
#FEF8F6
surface
#FDF0EB
border
#D5CBC6
text
#170B07
muted
#857C7A