#420534#420534

#420534 is a dark, moderate pink. Relative luminance 0.015; OKLCH L 26.1% C 0.105 H 339.7°. Best body text is #FFFFFF at 16.12:1 contrast (WCAG AA passes).

Color values

HEX#420534
RGBrgb(66, 5, 52)
HSLhsl(314, 86%, 14%)
HSVhsv(314, 92%, 26%)
CMYKcmyk(0%, 92.4%, 21.2%, 74.1%)
CIE-LABlab(12.70, 32.90, -13.41)
CIE-LCHlch(12.70, 35.52, 337.82°)
OKLaboklab(26.14% 0.0983 -0.0363)
OKLCHoklch(26.14% 0.105 339.7)
XYZxyz(2.9210, 1.5150, 3.3867)
Luminance0.0152 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#420534 #054213
analogous
#320542 #420534 #420516
triadic
#420534 #344205 #053442
tetradic
#420534 #423205 #054213 #051642
square
#420534 #423205 #054213 #051642
split-complementary
#420534 #164205 #054232
monochromatic
#1C0216 #1C0216 #420534 #7B0961 #B40E8E

Accessibility & contrast

On white

16.12
#420534 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.30
#420534 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #420534
16.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##420534#FFFFFF#000000##FFFFFF
##4205341.0016.121.3016.12
#FFFFFF16.121.0021.001.00
#0000001.3021.001.0021.00
##FFFFFF16.121.0021.001.00

Color blindness preview

Protanopia (red-blind)
#091B35
Deuteranopia (green-blind)
#1F2433
Tritanopia (blue-blind)
#47071C
Achromatopsia (no color)
#212121

Design tokens & code

CSS
--color: #420534;
/* rgb */ color: rgb(66, 5, 52);
/* oklch */ color: oklch(26.1% 0.105 339.7);
Tailwind
colors: {
  custom: {
    50: '#794e6b',
    500: '#420534',
    950: '#000000',
  },
}
SCSS
$custom: #420534;
$custom-light: #794e6b;
$custom-dark: #000000;
JSON
{
  "hex": "#420534",
  "rgb": {
    "r": 66,
    "g": 5,
    "b": 52
  },
  "hsl": {
    "h": 313.77,
    "s": 85.915,
    "l": 13.922
  },
  "oklch": {
    "l": 0.26143,
    "c": 0.10479,
    "h": 339.7
  },
  "luminance": 0.01515
}

Semantic roles & 50–950 ramp

primary
#420534
secondary
#208237
accent
#FC5C2C
background
#F7F4F6
surface
#EEE7EB
border
#C9C3C6
text
#090206
muted
#7B787A

Preview Lab

Preview with #420534

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

Preview Lab → · Contrast checker → · Palette generator →

#420534 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva