#151B37#151B37

#151B37 is a very dark, muted blue. Relative luminance 0.012; OKLCH L 23.3% C 0.055 H 272.4°. Best body text is #FFFFFF at 16.88:1 contrast (WCAG AA passes).

Color values

HEX	#151B37
RGB	rgb(21, 27, 55)
HSL	hsl(229, 45%, 15%)
HSV	hsv(229, 62%, 22%)
CMYK	cmyk(61.8%, 50.9%, 0%, 78.4%)
CIE-LAB	lab(10.70, 7.22, -19.19)
CIE-LCH	lch(10.70, 20.50, 290.61°)
OKLab	oklab(23.28% 0.0023 -0.0545)
OKLCH	oklch(23.28% 0.055 272.4)
XYZ	xyz(1.3906, 1.2190, 3.7757)
Luminance	0.0122 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#151B37 #373115

analogous

#152C37 #151B37 #201537

triadic

#151B37 #37151B #1B3715

tetradic

#151B37 #37152C #373115 #153720

square

#151B37 #37152C #373115 #153720

split-complementary

#151B37 #372015 #2C3715

monochromatic

#080B16 #080B16 #151B37 #263163 #374690

Accessibility & contrast

On white

16.88

#151B37 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.24

#151B37 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #151B37

16.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##151B37	#FFFFFF	#000000	##FFFFFF
##151B37	1.00	16.88	1.24	16.88
#FFFFFF	16.88	1.00	21.00	1.00
#000000	1.24	21.00	1.00	21.00
##FFFFFF	16.88	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0F1E38

Deuteranopia (green-blind)

#0B1B36

Tritanopia (blue-blind)

#062126

Achromatopsia (no color)

#1D1D1D

Design tokens & code

CSS

--color: #151b37;
/* rgb */ color: rgb(21, 27, 55);
/* oklch */ color: oklch(23.3% 0.055 272.4);

Tailwind

colors: {
  custom: {
    50: '#55576e',
    500: '#151b37',
    950: '#000000',
  },
}

SCSS

$custom: #151b37;
$custom-light: #55576e;
$custom-dark: #000000;

JSON

{
  "hex": "#151b37",
  "rgb": {
    "r": 21,
    "g": 27,
    "b": 55
  },
  "hsl": {
    "h": 229.412,
    "s": 44.737,
    "l": 14.902
  },
  "oklch": {
    "l": 0.23281,
    "c": 0.05455,
    "h": 272.4
  },
  "luminance": 0.01219
}

Semantic roles & 50–950 ramp

primary

#151B37

secondary

#6E653A

accent

#BE53D4

background

#F5F5F6

surface

#E9E9EB

border

#C5C5C6

text

#030307

muted

#78787A

Preview Lab

Preview with #151B37

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

Preview Lab → · Contrast checker → · Palette generator →