#450C5F#450C5F

#450C5F is a dark, vivid purple. Relative luminance 0.024; OKLCH L 30.5% C 0.137 H 311.8°. Best body text is #FFFFFF at 14.28:1 contrast (WCAG AA passes).

Color values

HEX#450C5F
RGBrgb(69, 12, 95)
HSLhsl(281, 78%, 21%)
HSVhsv(281, 87%, 37%)
CMYKcmyk(27.4%, 87.4%, 0%, 62.7%)
CIE-LABlab(17.25, 39.57, -35.92)
CIE-LCHlch(17.25, 53.44, 317.77°)
OKLaboklab(30.46% 0.0912 -0.1018)
OKLCHoklch(30.46% 0.137 311.8)
XYZxyz(4.6509, 2.3545, 11.0337)
Luminance0.0235 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#450C5F #265F0C
analogous
#1B0C5F #450C5F #5F0C4F
triadic
#450C5F #5F450C #0C5F45
tetradic
#450C5F #5F1B0C #265F0C #0C4F5F
square
#450C5F #5F1B0C #265F0C #0C4F5F
split-complementary
#450C5F #4F5F0C #0C5F1B
monochromatic
#14031B #1E0529 #450C5F #6C1395 #941ACC

Accessibility & contrast

On white

14.28
#450C5F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.47
#450C5F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #450C5F
14.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##450C5F#FFFFFF#000000##FFFFFF
##450C5F1.0014.281.4714.28
#FFFFFF14.281.0021.001.00
#0000001.4721.001.0021.00
##FFFFFF14.281.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002861
Deuteranopia (green-blind)
#002B5D
Tritanopia (blue-blind)
#422237
Achromatopsia (no color)
#2A2A2A

Design tokens & code

CSS
--color: #450c5f;
/* rgb */ color: rgb(69, 12, 95);
/* oklch */ color: oklch(30.5% 0.137 311.8);
Tailwind
colors: {
  custom: {
    50: '#7c548d',
    500: '#450c5f',
    950: '#000000',
  },
}
SCSS
$custom: #450c5f;
$custom-light: #7c548d;
$custom-dark: #000000;
JSON
{
  "hex": "#450c5f",
  "rgb": {
    "r": 69,
    "g": 12,
    "b": 95
  },
  "hsl": {
    "h": 281.205,
    "s": 77.57,
    "l": 20.98
  },
  "oklch": {
    "l": 0.30461,
    "c": 0.13668,
    "h": 311.8
  },
  "luminance": 0.02354
}

Semantic roles & 50–950 ramp

primary
#450C5F
secondary
#4F992D
accent
#F43470
background
#F7F5F8
surface
#EEE9F0
border
#C9C5CB
text
#0A030C
muted
#7C787D

Preview Lab

Preview with #450C5F

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

Preview Lab → · Contrast checker → · Palette generator →

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