#450B48#450B48

#450B48 is a dark, moderate purple. Relative luminance 0.020; OKLCH L 28.6% C 0.116 H 325.9°. Best body text is #FFFFFF at 15.06:1 contrast (WCAG AA passes).

Color values

HEX#450B48
RGBrgb(69, 11, 72)
HSLhsl(297, 73%, 16%)
HSVhsv(297, 85%, 28%)
CMYKcmyk(4.2%, 84.7%, 0%, 71.8%)
CIE-LABlab(15.34, 35.02, -23.37)
CIE-LCHlch(15.34, 42.10, 326.28°)
OKLaboklab(28.55% 0.096 -0.065)
OKLCHoklch(28.55% 0.116 325.9)
XYZxyz(3.7435, 1.9727, 6.3132)
Luminance0.0197 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#450B48 #0E480B
analogous
#270B48 #450B48 #480B2D
triadic
#450B48 #48450B #0B4845
tetradic
#450B48 #48270B #0E480B #0B2D48
square
#450B48 #48270B #0E480B #0B2D48
split-complementary
#450B48 #2D480B #0B4827
monochromatic
#19041B #19041B #450B48 #78137D #AB1BB2

Accessibility & contrast

On white

15.06
#450B48 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.39
#450B48 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #450B48
15.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##450B48#FFFFFF#000000##FFFFFF
##450B481.0015.061.3915.06
#FFFFFF15.061.0021.001.00
#0000001.3921.001.0021.00
##FFFFFF15.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00224A
Deuteranopia (green-blind)
#192947
Tritanopia (blue-blind)
#471629
Achromatopsia (no color)
#262626

Design tokens & code

CSS
--color: #450b48;
/* rgb */ color: rgb(69, 11, 72);
/* oklch */ color: oklch(28.6% 0.116 325.9);
Tailwind
colors: {
  custom: {
    50: '#7b527b',
    500: '#450b48',
    950: '#000000',
  },
}
SCSS
$custom: #450b48;
$custom-light: #7b527b;
$custom-dark: #000000;
JSON
{
  "hex": "#450b48",
  "rgb": {
    "r": 69,
    "g": 11,
    "b": 72
  },
  "hsl": {
    "h": 297.049,
    "s": 73.494,
    "l": 16.275
  },
  "oklch": {
    "l": 0.28554,
    "c": 0.11594,
    "h": 325.9
  },
  "luminance": 0.01972
}

Semantic roles & 50–950 ramp

primary
#450B48
secondary
#2F842A
accent
#F03841
background
#F7F4F7
surface
#EEE7EE
border
#C9C3C9
text
#0A0209
muted
#7C787B

Preview Lab

Preview with #450B48

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

Preview Lab → · Contrast checker → · Palette generator →

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