#C04647#C04647

#C04647 is a mid, vivid red. Relative luminance 0.160; OKLCH L 56.2% C 0.157 H 23.2°. Best body text is #FFFFFF at 4.99:1 contrast (WCAG AA passes).

Color values

HEX#C04647
RGBrgb(192, 70, 71)
HSLhsl(360, 49%, 51%)
HSVhsv(360, 64%, 75%)
CMYKcmyk(0%, 63.5%, 63%, 24.7%)
CIE-LABlab(47.03, 48.95, 25.84)
CIE-LCHlch(47.03, 55.35, 27.83°)
OKLaboklab(56.22% 0.1443 0.0618)
OKLCHoklch(56.22% 0.157 23.2)
XYZxyz(25.0682, 16.0451, 7.7370)
Luminance0.1604 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C04647 #46C0BF
analogous
#C04684 #C04647 #C08246
triadic
#C04647 #47C046 #4647C0
tetradic
#C04647 #84C046 #46C0BF #8246C0
square
#C04647 #84C046 #46C0BF #8246C0
split-complementary
#C04647 #46C082 #4684C0
monochromatic
#682324 #963334 #C04647 #D07474 #DFA1A2

Accessibility & contrast

On white

4.99
#C04647 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.21
#C04647 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #C04647
4.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C04647#FFFFFF#000000##FFFFFF
##C046471.004.994.214.99
#FFFFFF4.991.0021.001.00
#0000004.2121.001.0021.00
##FFFFFF4.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#665F46
Deuteranopia (green-blind)
#847944
Tritanopia (blue-blind)
#D22C48
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #c04647;
/* rgb */ color: rgb(192, 70, 71);
/* oklch */ color: oklch(56.2% 0.157 23.2);
Tailwind
colors: {
  custom: {
    50: '#da7f7a',
    500: '#c04647',
    950: '#000000',
  },
}
SCSS
$custom: #c04647;
$custom-light: #da7f7a;
$custom-dark: #000000;
JSON
{
  "hex": "#c04647",
  "rgb": {
    "r": 192,
    "g": 70,
    "b": 71
  },
  "hsl": {
    "h": 359.508,
    "s": 49.194,
    "l": 51.373
  },
  "oklch": {
    "l": 0.56224,
    "c": 0.15702,
    "h": 23.2
  },
  "luminance": 0.16042
}

Semantic roles & 50–950 ramp

primary
#C04647
secondary
#96CCCB
accent
#D9D84F
background
#FEF8F7
surface
#FCEFED
border
#D5CAC8
text
#160A09
muted
#847C7B

Preview Lab

Preview with #C04647

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

Preview Lab → · Contrast checker → · Palette generator →

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