#452099#452099

#452099 is a dark, vivid violet. Relative luminance 0.046; OKLCH L 37.9% C 0.180 H 288.6°. Best body text is #FFFFFF at 10.94:1 contrast (WCAG AA passes).

Color values

HEX#452099
RGBrgb(69, 32, 153)
HSLhsl(258, 65%, 36%)
HSVhsv(258, 79%, 60%)
CMYKcmyk(54.9%, 79.1%, 0%, 40%)
CIE-LABlab(25.56, 46.38, -59.30)
CIE-LCHlch(25.56, 75.28, 308.03°)
OKLaboklab(37.92% 0.0573 -0.1706)
OKLCHoklch(37.92% 0.18 288.6)
XYZxyz(8.7188, 4.5977, 30.5588)
Luminance0.0460 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#452099 #749920
analogous
#203899 #452099 #822099
triadic
#452099 #994520 #209945
tetradic
#452099 #992038 #749920 #209982
square
#452099 #992038 #749920 #209982
split-complementary
#452099 #998220 #389920
monochromatic
#170B34 #2E1566 #452099 #5C2BCC #8057DC

Accessibility & contrast

On white

10.94
#452099 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.92
#452099 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #452099
10.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##452099#FFFFFF#000000##FFFFFF
##4520991.0010.941.9210.94
#FFFFFF10.941.0021.001.00
#0000001.9221.001.0021.00
##FFFFFF10.941.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003F9C
Deuteranopia (green-blind)
#003997
Tritanopia (blue-blind)
#23435C
Achromatopsia (no color)
#3D3D3D

Design tokens & code

CSS
--color: #452099;
/* rgb */ color: rgb(69, 32, 153);
/* oklch */ color: oklch(37.9% 0.180 288.6);
Tailwind
colors: {
  custom: {
    50: '#8360b8',
    500: '#452099',
    950: '#000000',
  },
}
SCSS
$custom: #452099;
$custom-light: #8360b8;
$custom-dark: #000000;
JSON
{
  "hex": "#452099",
  "rgb": {
    "r": 69,
    "g": 32,
    "b": 153
  },
  "hsl": {
    "h": 258.347,
    "s": 65.405,
    "l": 36.275
  },
  "oklch": {
    "l": 0.37922,
    "c": 0.17993,
    "h": 288.6
  },
  "luminance": 0.04598
}

Semantic roles & 50–950 ramp

primary
#452099
secondary
#9FC055
accent
#E83FB5
background
#F8F5FB
surface
#F0EAF6
border
#CBC6D0
text
#0C0511
muted
#7D7980

Preview Lab

Preview with #452099

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

Preview Lab → · Contrast checker → · Palette generator →

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