#450C39#450C39

#450C39 is a dark, moderate pink. Relative luminance 0.018; OKLCH L 27.7% C 0.102 H 337.9°. Best body text is #FFFFFF at 15.39:1 contrast (WCAG AA passes).

Color values

HEX#450C39
RGBrgb(69, 12, 57)
HSLhsl(313, 70%, 16%)
HSVhsv(313, 83%, 27%)
CMYKcmyk(0%, 82.6%, 17.4%, 72.9%)
CIE-LABlab(14.53, 31.90, -14.10)
CIE-LCHlch(14.53, 34.88, 336.15°)
OKLaboklab(27.67% 0.0944 -0.0383)
OKLCHoklch(27.67% 0.102 337.9)
XYZxyz(3.3243, 1.8239, 4.0471)
Luminance0.0182 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#450C39 #0C4518
analogous
#340C45 #450C39 #450C1C
triadic
#450C39 #39450C #0C3945
tetradic
#450C39 #45340C #0C4518 #0C1C45
square
#450C39 #45340C #0C4518 #0C1C45
split-complementary
#450C39 #1C450C #0C4534
monochromatic
#1A0516 #1A0516 #450C39 #791564 #AD1E8F

Accessibility & contrast

On white

15.39
#450C39 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.36
#450C39 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #450C39
15.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##450C39#FFFFFF#000000##FFFFFF
##450C391.0015.391.3615.39
#FFFFFF15.391.0021.001.00
#0000001.3621.001.0021.00
##FFFFFF15.391.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0E1F3A
Deuteranopia (green-blind)
#222838
Tritanopia (blue-blind)
#490F21
Achromatopsia (no color)
#252525

Design tokens & code

CSS
--color: #450c39;
/* rgb */ color: rgb(69, 12, 57);
/* oklch */ color: oklch(27.7% 0.102 337.9);
Tailwind
colors: {
  custom: {
    50: '#7b526f',
    500: '#450c39',
    950: '#000000',
  },
}
SCSS
$custom: #450c39;
$custom-light: #7b526f;
$custom-dark: #000000;
JSON
{
  "hex": "#450c39",
  "rgb": {
    "r": 69,
    "g": 12,
    "b": 57
  },
  "hsl": {
    "h": 312.632,
    "s": 70.37,
    "l": 15.882
  },
  "oklch": {
    "l": 0.27671,
    "c": 0.10182,
    "h": 337.9
  },
  "luminance": 0.01824
}

Semantic roles & 50–950 ramp

primary
#450C39
secondary
#2C813E
accent
#ED603B
background
#F7F4F6
surface
#EEE7EC
border
#C9C3C7
text
#0A0207
muted
#7C787A

Preview Lab

Preview with #450C39

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

Preview Lab → · Contrast checker → · Palette generator →

#450C39 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva