#42409C#42409C

#42409C is a dark, vivid blue. Relative luminance 0.072; OKLCH L 42.8% C 0.146 H 279.3°. Best body text is #FFFFFF at 8.59:1 contrast (WCAG AA passes).

Color values

HEX	#42409C
RGB	rgb(66, 64, 156)
HSL	hsl(241, 42%, 43%)
HSV	hsv(241, 59%, 61%)
CMYK	cmyk(57.7%, 59%, 0%, 38.8%)
CIE-LAB	lab(32.31, 28.42, -50.10)
CIE-LCH	lch(32.31, 57.60, 299.56°)
OKLab	oklab(42.8% 0.0234 -0.1437)
OKLCH	oklch(42.8% 0.146 279.3)
XYZ	xyz(10.0790, 7.2247, 32.3094)
Luminance	0.0722 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Blue With A Hint Of Purple

#533CC6

ΔE00 6.94

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#42409C #9A9C40

analogous

#406C9C #42409C #70409C

triadic

#42409C #9C4240 #409C42

tetradic

#42409C #9C406C #9A9C40 #409C70

square

#42409C #9C406C #9A9C40 #409C70

split-complementary

#42409C #9C7040 #6C9C40

monochromatic

#1D1C45 #302E71 #42409C #5F5DBC #8A88CE

Accessibility & contrast

On white

8.59

#42409C on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.44

#42409C on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #42409C

8.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##42409C	#FFFFFF	#000000	##FFFFFF
##42409C	1.00	8.59	2.44	8.59
#FFFFFF	8.59	1.00	21.00	1.00
#000000	2.44	21.00	1.00	21.00
##FFFFFF	8.59	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#00509F

Deuteranopia (green-blind)

#00489A

Tritanopia (blue-blind)

#105667

Achromatopsia (no color)

#4C4C4C

Design tokens & code

CSS

--color: #42409c;
/* rgb */ color: rgb(66, 64, 156);
/* oklch */ color: oklch(42.8% 0.146 279.3);

Tailwind

colors: {
  custom: {
    50: '#7f75ba',
    500: '#42409c',
    950: '#000000',
  },
}

SCSS

$custom: #42409c;
$custom-light: #7f75ba;
$custom-dark: #000000;

JSON

{
  "hex": "#42409c",
  "rgb": {
    "r": 66,
    "g": 64,
    "b": 156
  },
  "hsl": {
    "h": 241.304,
    "s": 41.818,
    "l": 43.137
  },
  "oklch": {
    "l": 0.428,
    "c": 0.14563,
    "h": 279.3
  },
  "luminance": 0.07225
}

Semantic roles & 50–950 ramp

primary

#42409C

secondary

#B8B97F

accent

#D256CF

background

#F8F7FB

surface

#EFEDF6

border

#CAC8D0

text

#0B0812

muted

#7C7B81

Preview Lab

Preview with #42409C

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

Preview Lab → · Contrast checker → · Palette generator →