#942E31#942E31

#942E31 is a mid, vivid red. Relative luminance 0.085; OKLCH L 45.6% C 0.137 H 22.8°. Best body text is #FFFFFF at 7.79:1 contrast (WCAG AA passes).

Color values

HEX#942E31
RGBrgb(148, 46, 49)
HSLhsl(358, 53%, 38%)
HSVhsv(358, 69%, 58%)
CMYKcmyk(0%, 68.9%, 66.9%, 42%)
CIE-LABlab(34.95, 42.83, 22.39)
CIE-LCHlch(34.95, 48.33, 27.60°)
OKLaboklab(45.58% 0.1261 0.053)
OKLCHoklch(45.58% 0.137 22.8)
XYZxyz(13.7455, 8.4736, 3.8169)
Luminance0.0847 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#942E31 #2E9491
analogous
#942E64 #942E31 #945E2E
triadic
#942E31 #31942E #2E3194
tetradic
#942E31 #64942E #2E9491 #5E2E94
square
#942E31 #64942E #2E9491 #5E2E94
split-complementary
#942E31 #2E945E #2E6494
monochromatic
#371112 #651F22 #942E31 #C33D41 #D16B6E

Accessibility & contrast

On white

7.79
#942E31 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.69
#942E31 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #942E31
7.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##942E31#FFFFFF#000000##FFFFFF
##942E311.007.792.697.79
#FFFFFF7.791.0021.001.00
#0000002.6921.001.0021.00
##FFFFFF7.791.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4A4430
Deuteranopia (green-blind)
#635A2E
Tritanopia (blue-blind)
#A31330
Achromatopsia (no color)
#525252

Design tokens & code

CSS
--color: #942e31;
/* rgb */ color: rgb(148, 46, 49);
/* oklch */ color: oklch(45.6% 0.137 22.8);
Tailwind
colors: {
  custom: {
    50: '#ba6d69',
    500: '#942e31',
    950: '#000000',
  },
}
SCSS
$custom: #942e31;
$custom-light: #ba6d69;
$custom-dark: #000000;
JSON
{
  "hex": "#942e31",
  "rgb": {
    "r": 148,
    "g": 46,
    "b": 49
  },
  "hsl": {
    "h": 358.235,
    "s": 52.577,
    "l": 38.039
  },
  "oklch": {
    "l": 0.45576,
    "c": 0.13672,
    "h": 22.8
  },
  "luminance": 0.08472
}

Semantic roles & 50–950 ramp

primary
#942E31
secondary
#66B8B6
accent
#DCD84C
background
#FCF6F6
surface
#F8ECEB
border
#D1C7C6
text
#130706
muted
#827A7A

Preview Lab

Preview with #942E31

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

Preview Lab → · Contrast checker → · Palette generator →

#942E31 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva