#413F63#413F63

#413F63 is a dark, moderate blue. Relative luminance 0.056; OKLCH L 38.6% C 0.061 H 285.7°. Best body text is #FFFFFF at 9.92:1 contrast (WCAG AA passes).

Color values

HEX	#413F63
RGB	rgb(65, 63, 99)
HSL	hsl(243, 22%, 32%)
HSV	hsv(243, 36%, 39%)
CMYK	cmyk(34.3%, 36.4%, 0%, 61.2%)
CIE-LAB	lab(28.33, 10.31, -20.91)
CIE-LCH	lch(28.33, 23.32, 296.25°)
OKLab	oklab(38.61% 0.0164 -0.0583)
OKLCH	oklch(38.61% 0.061 285.7)
XYZ	xyz(6.2090, 5.5795, 12.5518)
Luminance	0.0558 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#413F63 #61633F

analogous

#3F4F63 #413F63 #533F63

triadic

#413F63 #63413F #3F6341

tetradic

#413F63 #633F4F #61633F #3F6353

square

#413F63 #633F4F #61633F #3F6353

split-complementary

#413F63 #63533F #4F633F

monochromatic

#100F18 #28273E #413F63 #5A5788 #7875A7

Accessibility & contrast

On white

9.92

#413F63 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.12

#413F63 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #413F63

9.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##413F63	#FFFFFF	#000000	##FFFFFF
##413F63	1.00	9.92	2.12	9.92
#FFFFFF	9.92	1.00	21.00	1.00
#000000	2.12	21.00	1.00	21.00
##FFFFFF	9.92	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#344464

Deuteranopia (green-blind)

#344262

Tritanopia (blue-blind)

#39464C

Achromatopsia (no color)

#434343

Design tokens & code

CSS

--color: #413f63;
/* rgb */ color: rgb(65, 63, 99);
/* oklch */ color: oklch(38.6% 0.061 285.7);

Tailwind

colors: {
  custom: {
    50: '#77748f',
    500: '#413f63',
    950: '#000000',
  },
}

SCSS

$custom: #413f63;
$custom-light: #77748f;
$custom-dark: #000000;

JSON

{
  "hex": "#413f63",
  "rgb": {
    "r": 65,
    "g": 63,
    "b": 99
  },
  "hsl": {
    "h": 243.333,
    "s": 22.222,
    "l": 31.765
  },
  "oklch": {
    "l": 0.38607,
    "c": 0.06058,
    "h": 285.7
  },
  "luminance": 0.0558
}

Semantic roles & 50–950 ramp

primary

#413F63

secondary

#90936B

accent

#BF69BA

background

#F7F7F8

surface

#EDEDF0

border

#C8C8CB

text

#08080C

muted

#7B7B7D

Preview Lab

Preview with #413F63

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

Preview Lab → · Contrast checker → · Palette generator →