#310E1C#310E1C

#310E1C is a very dark, muted pink. Relative luminance 0.011; OKLCH L 22.7% C 0.060 H 358.0°. Best body text is #FFFFFF at 17.35:1 contrast (WCAG AA passes).

Color values

HEX#310E1C
RGBrgb(49, 14, 28)
HSLhsl(336, 56%, 12%)
HSVhsv(336, 71%, 19%)
CMYKcmyk(0%, 71.4%, 42.9%, 80.8%)
CIE-LABlab(9.41, 19.50, -0.88)
CIE-LCHlch(9.41, 19.52, 357.40°)
OKLaboklab(22.68% 0.0595 -0.0021)
OKLCHoklch(22.68% 0.06 358)
XYZxyz(1.6334, 1.0511, 1.2152)
Luminance0.0105 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#310E1C #0E3123
analogous
#310E2E #310E1C #31110E
triadic
#310E1C #1C310E #0E1C31
tetradic
#310E1C #2E310E #0E3123 #110E31
square
#310E1C #2E310E #0E3123 #110E31
split-complementary
#310E1C #0E3111 #0E2E31
monochromatic
#18070E #18070E #310E1C #611C37 #902952

Accessibility & contrast

On white

17.35
#310E1C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#310E1C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #310E1C
17.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##310E1C#FFFFFF#000000##FFFFFF
##310E1C1.0017.351.2117.35
#FFFFFF17.351.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.351.0021.001.00

Color blindness preview

Protanopia (red-blind)
#14161C
Deuteranopia (green-blind)
#1D1D1B
Tritanopia (blue-blind)
#350B13
Achromatopsia (no color)
#1A1A1A

Design tokens & code

CSS
--color: #310e1c;
/* rgb */ color: rgb(49, 14, 28);
/* oklch */ color: oklch(22.7% 0.060 358.0);
Tailwind
colors: {
  custom: {
    50: '#6b4e57',
    500: '#310e1c',
    950: '#000000',
  },
}
SCSS
$custom: #310e1c;
$custom-light: #6b4e57;
$custom-dark: #000000;
JSON
{
  "hex": "#310e1c",
  "rgb": {
    "r": 49,
    "g": 14,
    "b": 28
  },
  "hsl": {
    "h": 336,
    "s": 55.556,
    "l": 12.353
  },
  "oklch": {
    "l": 0.22681,
    "c": 0.05952,
    "h": 358
  },
  "luminance": 0.01051
}

Semantic roles & 50–950 ramp

primary
#310E1C
secondary
#2F6C53
accent
#DFA349
background
#F6F4F5
surface
#EBE7E9
border
#C6C3C5
text
#070203
muted
#7A7878

Preview Lab

Preview with #310E1C

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

Preview Lab → · Contrast checker → · Palette generator →

#310E1C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva