#2E060E#2E060E

#2E060E is a very dark, moderate red. Relative luminance 0.007; OKLCH L 20.3% C 0.065 H 13.1°. Best body text is #FFFFFF at 18.28:1 contrast (WCAG AA passes).

Color values

HEX#2E060E
RGBrgb(46, 6, 14)
HSLhsl(348, 77%, 10%)
HSVhsv(348, 87%, 18%)
CMYKcmyk(0%, 87%, 69.6%, 82%)
CIE-LABlab(6.71, 20.79, 4.54)
CIE-LCHlch(6.71, 21.28, 12.31°)
OKLaboklab(20.34% 0.0637 0.0149)
OKLCHoklch(20.34% 0.065 13.1)
XYZxyz(1.2712, 0.7430, 0.4918)
Luminance0.0074 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2E060E #062E26
analogous
#2E0622 #2E060E #2E1206
triadic
#2E060E #0E2E06 #060E2E
tetradic
#2E060E #222E06 #062E26 #12062E
square
#2E060E #222E06 #062E26 #12062E
split-complementary
#2E060E #062E12 #06222E
monochromatic
#1B0408 #1B0408 #2E060E #640D1E #9A142F

Accessibility & contrast

On white

18.28
#2E060E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.15
#2E060E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2E060E
18.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2E060E#FFFFFF#000000##FFFFFF
##2E060E1.0018.281.1518.28
#FFFFFF18.281.0021.001.00
#0000001.1521.001.0021.00
##FFFFFF18.281.0021.001.00

Color blindness preview

Protanopia (red-blind)
#10100E
Deuteranopia (green-blind)
#1A180D
Tritanopia (blue-blind)
#330109
Achromatopsia (no color)
#151515

Design tokens & code

CSS
--color: #2e060e;
/* rgb */ color: rgb(46, 6, 14);
/* oklch */ color: oklch(20.3% 0.065 13.1);
Tailwind
colors: {
  custom: {
    50: '#6a494d',
    500: '#2e060e',
    950: '#000000',
  },
}
SCSS
$custom: #2e060e;
$custom-light: #6a494d;
$custom-dark: #000000;
JSON
{
  "hex": "#2e060e",
  "rgb": {
    "r": 46,
    "g": 6,
    "b": 14
  },
  "hsl": {
    "h": 348,
    "s": 76.923,
    "l": 10.196
  },
  "oklch": {
    "l": 0.20342,
    "c": 0.06539,
    "h": 13.1
  },
  "luminance": 0.00743
}

Semantic roles & 50–950 ramp

primary
#2E060E
secondary
#216F5F
accent
#F3CD34
background
#F6F4F4
surface
#EBE7E7
border
#C6C3C3
text
#070101
muted
#7A7777

Preview Lab

Preview with #2E060E

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

Preview Lab → · Contrast checker → · Palette generator →

#2E060E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva