#211C59#211C59

#211C59 is a dark, moderate blue. Relative luminance 0.019; OKLCH L 27.5% C 0.106 H 280.6°. Best body text is #FFFFFF at 15.27:1 contrast (WCAG AA passes).

Color values

HEX	#211C59
RGB	rgb(33, 28, 89)
HSL	hsl(245, 52%, 23%)
HSV	hsv(245, 69%, 35%)
CMYK	cmyk(62.9%, 68.5%, 0%, 65.1%)
CIE-LAB	lab(14.82, 22.42, -36.07)
CIE-LCH	lch(14.82, 42.47, 301.86°)
OKLab	oklab(27.5% 0.0194 -0.1037)
OKLCH	oklch(27.5% 0.106 280.6)
XYZ	xyz(2.8451, 1.8749, 9.6612)
Luminance	0.0187 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#211C59 #54591C

analogous

#1C3559 #211C59 #3F1C59

triadic

#211C59 #59211C #1C5921

tetradic

#211C59 #591C35 #54591C #1C593F

square

#211C59 #591C35 #54591C #1C593F

split-complementary

#211C59 #593F1C #35591C

monochromatic

#090717 #100D2A #211C59 #322B88 #4439B6

Accessibility & contrast

On white

15.27

#211C59 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.38

#211C59 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #211C59

15.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##211C59	#FFFFFF	#000000	##FFFFFF
##211C59	1.00	15.27	1.38	15.27
#FFFFFF	15.27	1.00	21.00	1.00
#000000	1.38	21.00	1.00	21.00
##FFFFFF	15.27	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#00285B

Deuteranopia (green-blind)

#002358

Tritanopia (blue-blind)

#012B37

Achromatopsia (no color)

#252525

Design tokens & code

CSS

--color: #211c59;
/* rgb */ color: rgb(33, 28, 89);
/* oklch */ color: oklch(27.5% 0.106 280.6);

Tailwind

colors: {
  custom: {
    50: '#635888',
    500: '#211c59',
    950: '#000000',
  },
}

SCSS

$custom: #211c59;
$custom-light: #635888;
$custom-dark: #000000;

JSON

{
  "hex": "#211c59",
  "rgb": {
    "r": 33,
    "g": 28,
    "b": 89
  },
  "hsl": {
    "h": 244.918,
    "s": 52.137,
    "l": 22.941
  },
  "oklch": {
    "l": 0.27501,
    "c": 0.10553,
    "h": 280.6
  },
  "luminance": 0.01875
}

Semantic roles & 50–950 ramp

primary

#211C59

secondary

#888F42

accent

#DC4CD0

background

#F6F5F8

surface

#EBE9F0

border

#C6C5CB

text

#06030B

muted

#7A787C

Preview Lab

Preview with #211C59

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

Preview Lab → · Contrast checker → · Palette generator →