#39042A#39042A

#39042A is a very dark, moderate pink. Relative luminance 0.011; OKLCH L 23.6% C 0.093 H 342.4°. Best body text is #FFFFFF at 17.15:1 contrast (WCAG AA passes).

Color values

HEX#39042A
RGBrgb(57, 4, 42)
HSLhsl(317, 87%, 12%)
HSVhsv(317, 93%, 22%)
CMYKcmyk(0%, 93%, 26.3%, 77.6%)
CIE-LABlab(9.99, 29.38, -10.44)
CIE-LCHlch(9.99, 31.17, 340.44°)
OKLaboklab(23.64% 0.0886 -0.028)
OKLCHoklch(23.64% 0.093 342.4)
XYZxyz(2.1488, 1.1241, 2.2939)
Luminance0.0112 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#39042A #043913
analogous
#2E0439 #39042A #390410
triadic
#39042A #2A3904 #042A39
tetradic
#39042A #392E04 #043913 #041039
square
#39042A #392E04 #043913 #041039
split-complementary
#39042A #103904 #04392E
monochromatic
#1D0215 #1D0215 #39042A #720854 #AB0C7E

Accessibility & contrast

On white

17.15
#39042A on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.22
#39042A on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #39042A
17.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##39042A#FFFFFF#000000##FFFFFF
##39042A1.0017.151.2217.15
#FFFFFF17.151.0021.001.00
#0000001.2221.001.0021.00
##FFFFFF17.151.0021.001.00

Color blindness preview

Protanopia (red-blind)
#09162B
Deuteranopia (green-blind)
#1B1F29
Tritanopia (blue-blind)
#3D0416
Achromatopsia (no color)
#1B1B1B

Design tokens & code

CSS
--color: #39042a;
/* rgb */ color: rgb(57, 4, 42);
/* oklch */ color: oklch(23.6% 0.093 342.4);
Tailwind
colors: {
  custom: {
    50: '#724b63',
    500: '#39042a',
    950: '#000000',
  },
}
SCSS
$custom: #39042a;
$custom-light: #724b63;
$custom-dark: #000000;
JSON
{
  "hex": "#39042a",
  "rgb": {
    "r": 57,
    "g": 4,
    "b": 42
  },
  "hsl": {
    "h": 316.981,
    "s": 86.885,
    "l": 11.961
  },
  "oklch": {
    "l": 0.2364,
    "c": 0.09294,
    "h": 342.4
  },
  "luminance": 0.01124
}

Semantic roles & 50–950 ramp

primary
#39042A
secondary
#1E7B38
accent
#FD662B
background
#F7F4F5
surface
#EDE7EA
border
#C8C3C6
text
#080105
muted
#7B7779

Preview Lab

Preview with #39042A

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

Preview Lab → · Contrast checker → · Palette generator →

#39042A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva