#2D1322#2D1322

#2D1322 is a very dark, muted pink. Relative luminance 0.011; OKLCH L 23.1% C 0.048 H 345.9°. Best body text is #FFFFFF at 17.10:1 contrast (WCAG AA passes).

Color values

HEX#2D1322
RGBrgb(45, 19, 34)
HSLhsl(325, 41%, 13%)
HSVhsv(325, 58%, 18%)
CMYKcmyk(0%, 57.8%, 24.4%, 82.4%)
CIE-LABlab(10.10, 15.74, -4.48)
CIE-LCHlch(10.10, 16.36, 344.13°)
OKLaboklab(23.13% 0.0469 -0.0118)
OKLCHoklch(23.13% 0.048 345.9)
XYZxyz(1.6038, 1.1392, 1.6485)
Luminance0.0114 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2D1322 #132D1E
analogous
#2B132D #2D1322 #2D1315
triadic
#2D1322 #222D13 #13222D
tetradic
#2D1322 #2D2B13 #132D1E #13152D
square
#2D1322 #2D2B13 #132D1E #13152D
split-complementary
#2D1322 #152D13 #132D2B
monochromatic
#160910 #160910 #2D1322 #582543 #833763

Accessibility & contrast

On white

17.10
#2D1322 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.23
#2D1322 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2D1322
17.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2D1322#FFFFFF#000000##FFFFFF
##2D13221.0017.101.2317.10
#FFFFFF17.101.0021.001.00
#0000001.2321.001.0021.00
##FFFFFF17.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#151923
Deuteranopia (green-blind)
#1C1D21
Tritanopia (blue-blind)
#301319
Achromatopsia (no color)
#1C1C1C

Design tokens & code

CSS
--color: #2d1322;
/* rgb */ color: rgb(45, 19, 34);
/* oklch */ color: oklch(23.1% 0.048 345.9);
Tailwind
colors: {
  custom: {
    50: '#67515d',
    500: '#2d1322',
    950: '#000000',
  },
}
SCSS
$custom: #2d1322;
$custom-light: #67515d;
$custom-dark: #000000;
JSON
{
  "hex": "#2d1322",
  "rgb": {
    "r": 45,
    "g": 19,
    "b": 34
  },
  "hsl": {
    "h": 325.385,
    "s": 40.625,
    "l": 12.549
  },
  "oklch": {
    "l": 0.23129,
    "c": 0.04839,
    "h": 345.9
  },
  "luminance": 0.01139
}

Semantic roles & 50–950 ramp

primary
#2D1322
secondary
#38644A
accent
#D08B57
background
#F6F4F5
surface
#EBE7E9
border
#C6C3C5
text
#060204
muted
#7A7879

Preview Lab

Preview with #2D1322

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

Preview Lab → · Contrast checker → · Palette generator →

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