#1B080C#1B080C

#1B080C is a very dark, muted red. Relative luminance 0.004; OKLCH L 16.7% C 0.034 H 7.8°. Best body text is #FFFFFF at 19.33:1 contrast (WCAG AA passes).

Color values

HEX#1B080C
RGBrgb(27, 8, 12)
HSLhsl(347, 54%, 7%)
HSVhsv(347, 70%, 11%)
CMYKcmyk(0%, 70.4%, 55.6%, 89.4%)
CIE-LABlab(3.91, 7.92, 1.03)
CIE-LCHlch(3.91, 7.99, 7.44°)
OKLaboklab(16.74% 0.0339 0.0047)
OKLCHoklch(16.74% 0.034 7.8)
XYZxyz(0.6052, 0.4333, 0.3995)
Luminance0.0043 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1B080C #081B17
analogous
#1B0816 #1B080C #1B0E08
triadic
#1B080C #0C1B08 #080C1B
tetradic
#1B080C #161B08 #081B17 #0E081B
square
#1B080C #161B08 #081B17 #0E081B
split-complementary
#1B080C #081B0E #08161B
monochromatic
#18070A #18070A #1B080C #4A1621 #792436

Accessibility & contrast

On white

19.33
#1B080C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.09
#1B080C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1B080C
19.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1B080C#FFFFFF#000000##FFFFFF
##1B080C1.0019.331.0919.33
#FFFFFF19.331.0021.001.00
#0000001.0921.001.0021.00
##FFFFFF19.331.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0B0C0C
Deuteranopia (green-blind)
#100F0C
Tritanopia (blue-blind)
#1E0609
Achromatopsia (no color)
#0E0E0E

Design tokens & code

CSS
--color: #1b080c;
/* rgb */ color: rgb(27, 8, 12);
/* oklch */ color: oklch(16.7% 0.034 7.8);
Tailwind
colors: {
  custom: {
    50: '#564a4c',
    500: '#1b080c',
    950: '#000000',
  },
}
SCSS
$custom: #1b080c;
$custom-light: #564a4c;
$custom-dark: #000000;
JSON
{
  "hex": "#1b080c",
  "rgb": {
    "r": 27,
    "g": 8,
    "b": 12
  },
  "hsl": {
    "h": 347.368,
    "s": 54.286,
    "l": 6.863
  },
  "oklch": {
    "l": 0.16737,
    "c": 0.03421,
    "h": 7.8
  },
  "luminance": 0.00433
}

Semantic roles & 50–950 ramp

primary
#1B080C
secondary
#27574D
accent
#DEBF4A
background
#F5F4F4
surface
#E9E7E7
border
#C5C3C3
text
#030101
muted
#787777

Preview Lab

Preview with #1B080C

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

Preview Lab → · Contrast checker → · Palette generator →

#1B080C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva