#C03757#C03757

#C03757 is a mid, vivid red. Relative luminance 0.146; OKLCH L 54.9% C 0.173 H 11.4°. Best body text is #FFFFFF at 5.35:1 contrast (WCAG AA passes).

Color values

HEX#C03757
RGBrgb(192, 55, 87)
HSLhsl(346, 55%, 48%)
HSVhsv(346, 71%, 75%)
CMYKcmyk(0%, 71.4%, 54.7%, 24.7%)
CIE-LABlab(45.12, 56.15, 13.58)
CIE-LCHlch(45.12, 57.77, 13.59°)
OKLaboklab(54.9% 0.1699 0.0342)
OKLCHoklch(54.9% 0.173 11.4)
XYZxyz(24.8270, 14.6304, 10.5316)
Luminance0.1463 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C03757 #37C0A0
analogous
#C0379B #C03757 #C05B37
triadic
#C03757 #57C037 #3757C0
tetradic
#C03757 #9BC037 #37C0A0 #5B37C0
square
#C03757 #9BC037 #37C0A0 #5B37C0
split-complementary
#C03757 #37C05B #379BC0
monochromatic
#611C2C #902941 #C03757 #D2627C #E092A4

Accessibility & contrast

On white

5.35
#C03757 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.93
#C03757 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C03757
5.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C03757#FFFFFF#000000##FFFFFF
##C037571.005.353.935.35
#FFFFFF5.351.0021.001.00
#0000003.9321.001.0021.00
##FFFFFF5.351.0021.001.00

Color blindness preview

Protanopia (red-blind)
#595957
Deuteranopia (green-blind)
#7D7554
Tritanopia (blue-blind)
#D21744
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #c03757;
/* rgb */ color: rgb(192, 55, 87);
/* oklch */ color: oklch(54.9% 0.173 11.4);
Tailwind
colors: {
  custom: {
    50: '#d97886',
    500: '#c03757',
    950: '#000000',
  },
}
SCSS
$custom: #c03757;
$custom-light: #d97886;
$custom-dark: #000000;
JSON
{
  "hex": "#c03757",
  "rgb": {
    "r": 192,
    "g": 55,
    "b": 87
  },
  "hsl": {
    "h": 345.985,
    "s": 55.466,
    "l": 48.431
  },
  "oklch": {
    "l": 0.54901,
    "c": 0.17336,
    "h": 11.4
  },
  "luminance": 0.14627
}

Semantic roles & 50–950 ramp

primary
#C03757
secondary
#88CBBB
accent
#DFBC49
background
#FEF7F8
surface
#FCEEEF
border
#D5C9CA
text
#160A0B
muted
#847C7C

Preview Lab

Preview with #C03757

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

Preview Lab → · Contrast checker → · Palette generator →

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