#453072#453072

#453072 is a dark, moderate violet. Relative luminance 0.046; OKLCH L 36.9% C 0.109 H 295.2°. Best body text is #FFFFFF at 10.94:1 contrast (WCAG AA passes).

Color values

HEX	#453072
RGB	rgb(69, 48, 114)
HSL	hsl(259, 41%, 32%)
HSV	hsv(259, 58%, 45%)
CMYK	cmyk(39.5%, 57.9%, 0%, 55.3%)
CIE-LAB	lab(25.55, 25.90, -34.91)
CIE-LCH	lch(25.55, 43.46, 306.57°)
OKLab	oklab(36.9% 0.0466 -0.099)
OKLCH	oklch(36.9% 0.109 295.2)
XYZ	xyz(6.5477, 4.5939, 16.4581)
Luminance	0.0459 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Royal Purple (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#453072 #5D7230

analogous

#303C72 #453072 #663072

triadic

#453072 #724530 #307245

tetradic

#453072 #72303C #5D7230 #307266

square

#453072 #72303C #5D7230 #307266

split-complementary

#453072 #726630 #3C7230

monochromatic

#110C1C #2B1E47 #453072 #5F429D #7D60BC

Accessibility & contrast

On white

10.94

#453072 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.92

#453072 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #453072

10.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##453072	#FFFFFF	#000000	##FFFFFF
##453072	1.00	10.94	1.92	10.94
#FFFFFF	10.94	1.00	21.00	1.00
#000000	1.92	21.00	1.00	21.00
##FFFFFF	10.94	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#113D74

Deuteranopia (green-blind)

#183C71

Tritanopia (blue-blind)

#3A3E4C

Achromatopsia (no color)

#3D3D3D

Design tokens & code

CSS

--color: #453072;
/* rgb */ color: rgb(69, 48, 114);
/* oklch */ color: oklch(36.9% 0.109 295.2);

Tailwind

colors: {
  custom: {
    50: '#7c699b',
    500: '#453072',
    950: '#000000',
  },
}

SCSS

$custom: #453072;
$custom-light: #7c699b;
$custom-dark: #000000;

JSON

{
  "hex": "#453072",
  "rgb": {
    "r": 69,
    "g": 48,
    "b": 114
  },
  "hsl": {
    "h": 259.091,
    "s": 40.741,
    "l": 31.765
  },
  "oklch": {
    "l": 0.36895,
    "c": 0.10943,
    "h": 295.2
  },
  "luminance": 0.04594
}

Semantic roles & 50–950 ramp

primary

#453072

secondary

#8CA35B

accent

#D157AA

background

#F7F6F9

surface

#EEEBF2

border

#C9C6CC

text

#0A060E

muted

#7C7A7E

Preview Lab

Preview with #453072

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

Preview Lab → · Contrast checker → · Palette generator →