#6E1F2F#6E1F2F

#6E1F2F is a dark, moderate red. Relative luminance 0.045; OKLCH L 37.0% C 0.111 H 12.6°. Best body text is #FFFFFF at 11.05:1 contrast (WCAG AA passes).

Color values

HEX#6E1F2F
RGBrgb(110, 31, 47)
HSLhsl(348, 56%, 28%)
HSVhsv(348, 72%, 43%)
CMYKcmyk(0%, 71.8%, 57.3%, 56.9%)
CIE-LABlab(25.26, 35.97, 9.64)
CIE-LCHlch(25.26, 37.24, 15.01°)
OKLaboklab(36.98% 0.1086 0.0243)
OKLCHoklch(36.98% 0.111 12.6)
XYZxyz(7.4342, 4.5012, 3.1661)
Luminance0.0450 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6E1F2F #1F6E5E
analogous
#6E1F56 #6E1F2F #6E361F
triadic
#6E1F2F #2F6E1F #1F2F6E
tetradic
#6E1F2F #566E1F #1F6E5E #361F6E
square
#6E1F2F #566E1F #1F6E5E #361F6E
split-complementary
#6E1F2F #1F6E36 #1F566E
monochromatic
#18070A #3E121B #6E1F2F #9E2C43 #C93F5B

Accessibility & contrast

On white

11.05
#6E1F2F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.90
#6E1F2F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #6E1F2F
11.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6E1F2F#FFFFFF#000000##FFFFFF
##6E1F2F1.0011.051.9011.05
#FFFFFF11.051.0021.001.00
#0000001.9021.001.0021.00
##FFFFFF11.051.0021.001.00

Color blindness preview

Protanopia (red-blind)
#32322F
Deuteranopia (green-blind)
#47422D
Tritanopia (blue-blind)
#790F25
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #6e1f2f;
/* rgb */ color: rgb(110, 31, 47);
/* oklch */ color: oklch(37.0% 0.111 12.6);
Tailwind
colors: {
  custom: {
    50: '#9c6167',
    500: '#6e1f2f',
    950: '#000000',
  },
}
SCSS
$custom: #6e1f2f;
$custom-light: #9c6167;
$custom-dark: #000000;
JSON
{
  "hex": "#6e1f2f",
  "rgb": {
    "r": 110,
    "g": 31,
    "b": 47
  },
  "hsl": {
    "h": 347.848,
    "s": 56.028,
    "l": 27.647
  },
  "oklch": {
    "l": 0.36981,
    "c": 0.1113,
    "h": 12.6
  },
  "luminance": 0.045
}

Semantic roles & 50–950 ramp

primary
#6E1F2F
secondary
#47A290
accent
#DFC148
background
#FAF5F6
surface
#F4EAEB
border
#CEC6C6
text
#0F0506
muted
#7F797A

Preview Lab

Preview with #6E1F2F

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

Preview Lab → · Contrast checker → · Palette generator →

#6E1F2F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva