#40052C#40052C

#40052C is a dark, moderate pink. Relative luminance 0.014; OKLCH L 25.3% C 0.098 H 345.9°. Best body text is #FFFFFF at 16.46:1 contrast (WCAG AA passes).

Color values

HEX#40052C
RGBrgb(64, 5, 44)
HSLhsl(320, 86%, 14%)
HSVhsv(320, 92%, 25%)
CMYKcmyk(0%, 92.2%, 31.2%, 74.9%)
CIE-LABlab(11.83, 31.15, -8.95)
CIE-LCHlch(11.83, 32.41, 343.98°)
OKLaboklab(25.29% 0.0949 -0.0238)
OKLCHoklch(25.29% 0.098 345.9)
XYZxyz(2.6234, 1.3807, 2.5107)
Luminance0.0138 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#40052C #054019
analogous
#360540 #40052C #40050E
triadic
#40052C #2C4005 #052C40
tetradic
#40052C #403605 #054019 #050E40
square
#40052C #403605 #054019 #050E40
split-complementary
#40052C #0E4005 #054036
monochromatic
#1C0214 #1C0214 #40052C #790953 #B20E7A

Accessibility & contrast

On white

16.46
#40052C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.28
#40052C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #40052C
16.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##40052C#FFFFFF#000000##FFFFFF
##40052C1.0016.461.2816.46
#FFFFFF16.461.0021.001.00
#0000001.2821.001.0021.00
##FFFFFF16.461.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0E192D
Deuteranopia (green-blind)
#20232B
Tritanopia (blue-blind)
#450418
Achromatopsia (no color)
#1F1F1F

Design tokens & code

CSS
--color: #40052c;
/* rgb */ color: rgb(64, 5, 44);
/* oklch */ color: oklch(25.3% 0.098 345.9);
Tailwind
colors: {
  custom: {
    50: '#784d65',
    500: '#40052c',
    950: '#000000',
  },
}
SCSS
$custom: #40052c;
$custom-light: #784d65;
$custom-dark: #000000;
JSON
{
  "hex": "#40052c",
  "rgb": {
    "r": 64,
    "g": 5,
    "b": 44
  },
  "hsl": {
    "h": 320.339,
    "s": 85.507,
    "l": 13.529
  },
  "oklch": {
    "l": 0.25292,
    "c": 0.09779,
    "h": 345.9
  },
  "luminance": 0.0138
}

Semantic roles & 50–950 ramp

primary
#40052C
secondary
#208141
accent
#FC722C
background
#F7F4F6
surface
#EDE7EB
border
#C8C3C6
text
#090205
muted
#7B787A

Preview Lab

Preview with #40052C

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

Preview Lab → · Contrast checker → · Palette generator →

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