#413782#413782

#413782 is a dark, vivid blue. Relative luminance 0.055; OKLCH L 39.0% C 0.121 H 285.4°. Best body text is #FFFFFF at 10.03:1 contrast (WCAG AA passes).

Color values

HEX	#413782
RGB	rgb(65, 55, 130)
HSL	hsl(248, 41%, 36%)
HSV	hsv(248, 58%, 51%)
CMYK	cmyk(50%, 57.7%, 0%, 49%)
CIE-LAB	lab(28.03, 25.39, -41.04)
CIE-LCH	lch(28.03, 48.26, 301.74°)
OKLab	oklab(39% 0.0322 -0.1172)
OKLCH	oklch(39% 0.122 285.4)
XYZ	xyz(7.5742, 5.4675, 21.7710)
Luminance	0.0547 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#413782 #788237

analogous

#375382 #413782 #673782

triadic

#413782 #824137 #378241

tetradic

#413782 #823753 #788237 #378267

square

#413782 #823753 #788237 #378267

split-complementary

#413782 #826737 #538237

monochromatic

#16132C #2B2557 #413782 #5749AD #7C71C3

Accessibility & contrast

On white

10.03

#413782 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.09

#413782 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #413782

10.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##413782	#FFFFFF	#000000	##FFFFFF
##413782	1.00	10.03	2.09	10.03
#FFFFFF	10.03	1.00	21.00	1.00
#000000	2.09	21.00	1.00	21.00
##FFFFFF	10.03	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#084485

Deuteranopia (green-blind)

#054080

Tritanopia (blue-blind)

#2A4857

Achromatopsia (no color)

#424242

Design tokens & code

CSS

--color: #413782;
/* rgb */ color: rgb(65, 55, 130);
/* oklch */ color: oklch(39.0% 0.121 285.4);

Tailwind

colors: {
  custom: {
    50: '#7b6ea7',
    500: '#413782',
    950: '#000000',
  },
}

SCSS

$custom: #413782;
$custom-light: #7b6ea7;
$custom-dark: #000000;

JSON

{
  "hex": "#413782",
  "rgb": {
    "r": 65,
    "g": 55,
    "b": 130
  },
  "hsl": {
    "h": 248,
    "s": 40.541,
    "l": 36.275
  },
  "oklch": {
    "l": 0.38995,
    "c": 0.1215,
    "h": 285.4
  },
  "luminance": 0.05468
}

Semantic roles & 50–950 ramp

primary

#413782

secondary

#A3AB69

accent

#D057C0

background

#F7F6FA

surface

#EEEBF4

border

#C9C6CE

text

#0A070F

muted

#7C7A7F

Preview Lab

Preview with #413782

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

Preview Lab → · Contrast checker → · Palette generator →