#C35D3E#C35D3E

#C35D3E is a mid, vivid red. Relative luminance 0.198; OKLCH L 59.7% C 0.139 H 37.6°. Best body text is #000000 at 4.96:1 contrast (WCAG AA passes).

Color values

HEX#C35D3E
RGBrgb(195, 93, 62)
HSLhsl(14, 53%, 50%)
HSVhsv(14, 68%, 76%)
CMYKcmyk(0%, 52.3%, 68.2%, 23.5%)
CIE-LABlab(51.59, 38.53, 36.65)
CIE-LCHlch(51.59, 53.18, 43.57°)
OKLaboklab(59.72% 0.1098 0.0845)
OKLCHoklch(59.72% 0.139 37.6)
XYZxyz(27.2920, 19.7819, 6.9376)
Luminance0.1978 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C35D3E #3EA4C3
analogous
#C33E61 #C35D3E #C39F3E
triadic
#C35D3E #3EC35D #5D3EC3
tetradic
#C35D3E #61C33E #3EA4C3 #9F3EC3
square
#C35D3E #61C33E #3EA4C3 #9F3EC3
split-complementary
#C35D3E #3EC39F #3E61C3
monochromatic
#673020 #95462E #C35D3E #D2846D #E0AB9B

Accessibility & contrast

On white

4.24
#C35D3E on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.96
#C35D3E on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C35D3E
4.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C35D3E#FFFFFF#000000##000000
##C35D3E1.004.244.964.96
#FFFFFF4.241.0021.0021.00
#0000004.9621.001.001.00
##0000004.9621.001.001.00

Color blindness preview

Protanopia (red-blind)
#786D3B
Deuteranopia (green-blind)
#91833C
Tritanopia (blue-blind)
#D54956
Achromatopsia (no color)
#7B7B7B

Design tokens & code

CSS
--color: #c35d3e;
/* rgb */ color: rgb(195, 93, 62);
/* oklch */ color: oklch(59.7% 0.139 37.6);
Tailwind
colors: {
  custom: {
    50: '#db8d74',
    500: '#c35d3e',
    950: '#000000',
  },
}
SCSS
$custom: #c35d3e;
$custom-light: #db8d74;
$custom-dark: #000000;
JSON
{
  "hex": "#c35d3e",
  "rgb": {
    "r": 195,
    "g": 93,
    "b": 62
  },
  "hsl": {
    "h": 13.985,
    "s": 52.569,
    "l": 50.392
  },
  "oklch": {
    "l": 0.5972,
    "c": 0.13857,
    "h": 37.6
  },
  "luminance": 0.19779
}

Semantic roles & 50–950 ramp

primary
#C35D3E
secondary
#91BECC
accent
#BADC4C
background
#FEF8F7
surface
#FCF0ED
border
#D5CBC8
text
#160C08
muted
#847D7B

Preview Lab

Preview with #C35D3E

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

Preview Lab → · Contrast checker → · Palette generator →

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