#2B041E#2B041E

#2B041E is a very dark, moderate pink. Relative luminance 0.007; OKLCH L 20.1% C 0.074 H 344.2°. Best body text is #FFFFFF at 18.44:1 contrast (WCAG AA passes).

Color values

HEX#2B041E
RGBrgb(43, 4, 30)
HSLhsl(320, 83%, 9%)
HSVhsv(320, 91%, 17%)
CMYKcmyk(0%, 90.7%, 30.2%, 83.1%)
CIE-LABlab(6.27, 22.78, -7.25)
CIE-LCHlch(6.27, 23.90, 342.34°)
OKLaboklab(20.05% 0.0707 -0.02)
OKLCHoklch(20.05% 0.074 344.2)
XYZxyz(1.2741, 0.6943, 1.2950)
Luminance0.0069 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2B041E #042B11
analogous
#25042B #2B041E #2B040B
triadic
#2B041E #1E2B04 #041E2B
tetradic
#2B041E #2B2504 #042B11 #040B2B
square
#2B041E #2B2504 #042B11 #040B2B
split-complementary
#2B041E #0B2B04 #042B25
monochromatic
#1C0314 #1C0314 #2B041E #630945 #9B0E6C

Accessibility & contrast

On white

18.44
#2B041E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.14
#2B041E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2B041E
18.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2B041E#FFFFFF#000000##FFFFFF
##2B041E1.0018.441.1418.44
#FFFFFF18.441.0021.001.00
#0000001.1421.001.0021.00
##FFFFFF18.441.0021.001.00

Color blindness preview

Protanopia (red-blind)
#08101F
Deuteranopia (green-blind)
#14161D
Tritanopia (blue-blind)
#2F040F
Achromatopsia (no color)
#141414

Design tokens & code

CSS
--color: #2b041e;
/* rgb */ color: rgb(43, 4, 30);
/* oklch */ color: oklch(20.1% 0.074 344.2);
Tailwind
colors: {
  custom: {
    50: '#664859',
    500: '#2b041e',
    950: '#000000',
  },
}
SCSS
$custom: #2b041e;
$custom-light: #664859;
$custom-dark: #000000;
JSON
{
  "hex": "#2b041e",
  "rgb": {
    "r": 43,
    "g": 4,
    "b": 30
  },
  "hsl": {
    "h": 320,
    "s": 82.979,
    "l": 9.216
  },
  "oklch": {
    "l": 0.20053,
    "c": 0.07353,
    "h": 344.2
  },
  "luminance": 0.00694
}

Semantic roles & 50–950 ramp

primary
#2B041E
secondary
#1D6E38
accent
#F9722E
background
#F6F4F5
surface
#EBE6E9
border
#C6C2C5
text
#060003
muted
#7A7778

Preview Lab

Preview with #2B041E

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

Preview Lab → · Contrast checker → · Palette generator →

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