#CA3E31#CA3E31

#CA3E31 is a mid, vivid red. Relative luminance 0.162; OKLCH L 56.6% C 0.179 H 29.2°. Best body text is #FFFFFF at 4.95:1 contrast (WCAG AA passes).

Color values

HEX#CA3E31
RGBrgb(202, 62, 49)
HSLhsl(5, 61%, 49%)
HSVhsv(5, 76%, 79%)
CMYKcmyk(0%, 69.3%, 75.7%, 20.8%)
CIE-LABlab(47.27, 54.48, 39.26)
CIE-LCHlch(47.27, 67.15, 35.77°)
OKLaboklab(56.63% 0.1562 0.0872)
OKLCHoklch(56.63% 0.179 29.2)
XYZxyz(26.6371, 16.2276, 4.6348)
Luminance0.1622 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CA3E31 #31BDCA
analogous
#CA3171 #CA3E31 #CA8B31
triadic
#CA3E31 #31CA3E #3E31CA
tetradic
#CA3E31 #71CA31 #31BDCA #8B31CA
square
#CA3E31 #71CA31 #31BDCA #8B31CA
split-complementary
#CA3E31 #31CA8B #3171CA
monochromatic
#672019 #992F25 #CA3E31 #D86A60 #E49891

Accessibility & contrast

On white

4.95
#CA3E31 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.24
#CA3E31 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #CA3E31
4.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CA3E31#FFFFFF#000000##FFFFFF
##CA3E311.004.954.244.95
#FFFFFF4.951.0021.001.00
#0000004.2421.001.0021.00
##FFFFFF4.951.0021.001.00

Color blindness preview

Protanopia (red-blind)
#675D2E
Deuteranopia (green-blind)
#897B2C
Tritanopia (blue-blind)
#DE0A3C
Achromatopsia (no color)
#707070

Design tokens & code

CSS
--color: #ca3e31;
/* rgb */ color: rgb(202, 62, 49);
/* oklch */ color: oklch(56.6% 0.179 29.2);
Tailwind
colors: {
  custom: {
    50: '#e37c6a',
    500: '#ca3e31',
    950: '#000000',
  },
}
SCSS
$custom: #ca3e31;
$custom-light: #e37c6a;
$custom-dark: #000000;
JSON
{
  "hex": "#ca3e31",
  "rgb": {
    "r": 202,
    "g": 62,
    "b": 49
  },
  "hsl": {
    "h": 5.098,
    "s": 60.956,
    "l": 49.216
  },
  "oklch": {
    "l": 0.56634,
    "c": 0.17883,
    "h": 29.2
  },
  "luminance": 0.16224
}

Semantic roles & 50–950 ramp

primary
#CA3E31
secondary
#88C9CF
accent
#D6E444
background
#FFF7F6
surface
#FEEEEB
border
#D6C9C6
text
#170A06
muted
#857C7A

Preview Lab

Preview with #CA3E31

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

Preview Lab → · Contrast checker → · Palette generator →

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