#270D0F#270D0F

#270D0F is a very dark, muted red. Relative luminance 0.008; OKLCH L 20.1% C 0.044 H 17.1°. Best body text is #FFFFFF at 18.25:1 contrast (WCAG AA passes).

Color values

HEX#270D0F
RGBrgb(39, 13, 15)
HSLhsl(355, 50%, 10%)
HSVhsv(355, 67%, 15%)
CMYKcmyk(0%, 66.7%, 61.5%, 84.7%)
CIE-LABlab(6.81, 13.64, 4.00)
CIE-LCHlch(6.81, 14.21, 16.34°)
OKLaboklab(20.14% 0.0419 0.0129)
OKLCHoklch(20.14% 0.044 17.1)
XYZxyz(1.0669, 0.7538, 0.5412)
Luminance0.0075 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#270D0F #0D2725
analogous
#270D1C #270D0F #27180D
triadic
#270D0F #0F270D #0D0F27
tetradic
#270D0F #1C270D #0D2725 #180D27
square
#270D0F #1C270D #0D2725 #180D27
split-complementary
#270D0F #0D2718 #0D1C27
monochromatic
#170809 #170809 #270D0F #551C21 #832C32

Accessibility & contrast

On white

18.25
#270D0F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.15
#270D0F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #270D0F
18.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##270D0F#FFFFFF#000000##FFFFFF
##270D0F1.0018.251.1518.25
#FFFFFF18.251.0021.001.00
#0000001.1521.001.0021.00
##FFFFFF18.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#13120F
Deuteranopia (green-blind)
#19170E
Tritanopia (blue-blind)
#2B090E
Achromatopsia (no color)
#151515

Design tokens & code

CSS
--color: #270d0f;
/* rgb */ color: rgb(39, 13, 15);
/* oklch */ color: oklch(20.1% 0.044 17.1);
Tailwind
colors: {
  custom: {
    50: '#624c4e',
    500: '#270d0f',
    950: '#000000',
  },
}
SCSS
$custom: #270d0f;
$custom-light: #624c4e;
$custom-dark: #000000;
JSON
{
  "hex": "#270d0f",
  "rgb": {
    "r": 39,
    "g": 13,
    "b": 15
  },
  "hsl": {
    "h": 355.385,
    "s": 50,
    "l": 10.196
  },
  "oklch": {
    "l": 0.20144,
    "c": 0.04383,
    "h": 17.1
  },
  "luminance": 0.00754
}

Semantic roles & 50–950 ramp

primary
#270D0F
secondary
#2F615D
accent
#DACF4E
background
#F5F4F4
surface
#EAE7E7
border
#C6C3C3
text
#050101
muted
#797777

Preview Lab

Preview with #270D0F

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

Preview Lab → · Contrast checker → · Palette generator →

#270D0F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva