#C95537#C95537

#C95537 is a mid, vivid red. Relative luminance 0.192; OKLCH L 59.4% C 0.155 H 35.6°. Best body text is #000000 at 4.84:1 contrast (WCAG AA passes).

Color values

HEX#C95537
RGBrgb(201, 85, 55)
HSLhsl(12, 57%, 50%)
HSVhsv(12, 73%, 79%)
CMYKcmyk(0%, 57.7%, 72.6%, 21.2%)
CIE-LABlab(50.91, 44.38, 39.93)
CIE-LCHlch(50.91, 59.70, 41.98°)
OKLaboklab(59.37% 0.126 0.0901)
OKLCHoklch(59.37% 0.155 35.6)
XYZxyz(28.0283, 19.1941, 5.8426)
Luminance0.1919 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C95537 #37ABC9
analogous
#C93762 #C95537 #C99E37
triadic
#C95537 #37C955 #5537C9
tetradic
#C95537 #62C937 #37ABC9 #9E37C9
square
#C95537 #62C937 #37ABC9 #9E37C9
split-complementary
#C95537 #37C99E #3762C9
monochromatic
#692C1C #994029 #C95537 #D67E67 #E3A797

Accessibility & contrast

On white

4.34
#C95537 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.84
#C95537 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C95537
4.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C95537#FFFFFF#000000##000000
##C955371.004.344.844.84
#FFFFFF4.341.0021.0021.00
#0000004.8421.001.001.00
##0000004.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#756933
Deuteranopia (green-blind)
#918334
Tritanopia (blue-blind)
#DD3B4E
Achromatopsia (no color)
#797979

Design tokens & code

CSS
--color: #c95537;
/* rgb */ color: rgb(201, 85, 55);
/* oklch */ color: oklch(59.4% 0.155 35.6);
Tailwind
colors: {
  custom: {
    50: '#e1886f',
    500: '#c95537',
    950: '#000000',
  },
}
SCSS
$custom: #c95537;
$custom-light: #e1886f;
$custom-dark: #000000;
JSON
{
  "hex": "#c95537",
  "rgb": {
    "r": 201,
    "g": 85,
    "b": 55
  },
  "hsl": {
    "h": 12.329,
    "s": 57.48,
    "l": 50.196
  },
  "oklch": {
    "l": 0.59365,
    "c": 0.15488,
    "h": 35.6
  },
  "luminance": 0.1919
}

Semantic roles & 50–950 ramp

primary
#C95537
secondary
#8DC1CF
accent
#C1E147
background
#FEF8F6
surface
#FDF0EC
border
#D5CBC7
text
#170C07
muted
#857D7A

Preview Lab

Preview with #C95537

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

Preview Lab → · Contrast checker → · Palette generator →

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