#C4813B#C4813B

#C4813B is a light, moderate orange. Relative luminance 0.278; OKLCH L 66.0% C 0.119 H 64.1°. Best body text is #000000 at 6.55:1 contrast (WCAG AA passes).

Color values

HEX#C4813B
RGBrgb(196, 129, 59)
HSLhsl(31, 54%, 50%)
HSVhsv(31, 70%, 77%)
CMYKcmyk(0%, 34.2%, 69.9%, 23.1%)
CIE-LABlab(59.67, 19.52, 47.25)
CIE-LCHlch(59.67, 51.13, 67.55°)
OKLaboklab(65.95% 0.0518 0.1068)
OKLCHoklch(65.95% 0.119 64.1)
XYZxyz(31.4069, 27.7549, 7.8400)
Luminance0.2775 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C4813B #3B7EC4
analogous
#C43D3B #C4813B #C2C43B
triadic
#C4813B #3BC481 #813BC4
tetradic
#C4813B #3BC43D #3B7EC4 #C43BC2
square
#C4813B #3BC43D #3B7EC4 #C43BC2
split-complementary
#C4813B #3BC2C4 #3D3BC4
monochromatic
#66431F #95622D #C4813B #D29F6A #E0BD99

Accessibility & contrast

On white

3.21
#C4813B on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.55
#C4813B on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C4813B
6.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C4813B#FFFFFF#000000##000000
##C4813B1.003.216.556.55
#FFFFFF3.211.0021.0021.00
#0000006.5521.001.001.00
##0000006.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#968633
Deuteranopia (green-blind)
#A6963C
Tritanopia (blue-blind)
#D57272
Achromatopsia (no color)
#909090

Design tokens & code

CSS
--color: #c4813b;
/* rgb */ color: rgb(196, 129, 59);
/* oklch */ color: oklch(66.0% 0.119 64.1);
Tailwind
colors: {
  custom: {
    50: '#dba574',
    500: '#c4813b',
    950: '#000000',
  },
}
SCSS
$custom: #c4813b;
$custom-light: #dba574;
$custom-dark: #000000;
JSON
{
  "hex": "#c4813b",
  "rgb": {
    "r": 196,
    "g": 129,
    "b": 59
  },
  "hsl": {
    "h": 30.657,
    "s": 53.725,
    "l": 50
  },
  "oklch": {
    "l": 0.6595,
    "c": 0.11869,
    "h": 64.1
  },
  "luminance": 0.27752
}

Semantic roles & 50–950 ramp

primary
#C4813B
secondary
#8FADCC
accent
#92DD4B
background
#FEFAF7
surface
#FCF4ED
border
#D5CEC8
text
#160F08
muted
#847F7B

Preview Lab

Preview with #C4813B

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#C4813B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva