#34021C#34021C

#34021C is a very dark, moderate pink. Relative luminance 0.009; OKLCH L 21.6% C 0.084 H 354.3°. Best body text is #FFFFFF at 17.93:1 contrast (WCAG AA passes).

Color values

HEX#34021C
RGBrgb(52, 2, 28)
HSLhsl(329, 93%, 11%)
HSVhsv(329, 96%, 20%)
CMYKcmyk(0%, 96.2%, 46.2%, 79.6%)
CIE-LABlab(7.75, 27.05, -3.28)
CIE-LCHlch(7.75, 27.25, 353.08°)
OKLaboklab(21.58% 0.0834 -0.0083)
OKLCHoklch(21.58% 0.084 354.3)
XYZxyz(1.6476, 0.8575, 1.1771)
Luminance0.0086 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#34021C #02341A
analogous
#330234 #34021C #340203
triadic
#34021C #1C3402 #021C34
tetradic
#34021C #343302 #02341A #020334
square
#34021C #343302 #02341A #020334
split-complementary
#34021C #033402 #023433
monochromatic
#1D0110 #1D0110 #34021C #6F043C #AA075B

Accessibility & contrast

On white

17.93
#34021C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.17
#34021C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #34021C
17.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##34021C#FFFFFF#000000##FFFFFF
##34021C1.0017.931.1717.93
#FFFFFF17.931.0021.001.00
#0000001.1721.001.0021.00
##FFFFFF17.931.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0B111D
Deuteranopia (green-blind)
#1A1A1B
Tritanopia (blue-blind)
#39000D
Achromatopsia (no color)
#171717

Design tokens & code

CSS
--color: #34021c;
/* rgb */ color: rgb(52, 2, 28);
/* oklch */ color: oklch(21.6% 0.084 354.3);
Tailwind
colors: {
  custom: {
    50: '#6f4857',
    500: '#34021c',
    950: '#000000',
  },
}
SCSS
$custom: #34021c;
$custom-light: #6f4857;
$custom-dark: #000000;
JSON
{
  "hex": "#34021c",
  "rgb": {
    "r": 52,
    "g": 2,
    "b": 28
  },
  "hsl": {
    "h": 328.8,
    "s": 92.593,
    "l": 10.588
  },
  "oklch": {
    "l": 0.21579,
    "c": 0.08383,
    "h": 354.3
  },
  "luminance": 0.00857
}

Semantic roles & 50–950 ramp

primary
#34021C
secondary
#1A7847
accent
#FF9029
background
#F6F4F5
surface
#ECE7E9
border
#C7C3C5
text
#080103
muted
#7B7778

Preview Lab

Preview with #34021C

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

Preview Lab → · Contrast checker → · Palette generator →

#34021C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva