#101F39#101F39

#101F39 is a very dark, muted blue. Relative luminance 0.014; OKLCH L 24.1% C 0.054 H 260.7°. Best body text is #FFFFFF at 16.44:1 contrast (WCAG AA passes).

Color values

HEX	#101F39
RGB	rgb(16, 31, 57)
HSL	hsl(218, 56%, 14%)
HSV	hsv(218, 72%, 22%)
CMYK	cmyk(71.9%, 45.6%, 0%, 77.6%)
CIE-LAB	lab(11.86, 3.69, -18.79)
CIE-LCH	lch(11.86, 19.15, 281.11°)
OKLab	oklab(24.13% -0.0087 -0.0534)
OKLCH	oklch(24.13% 0.054 260.7)
XYZ	xyz(1.4419, 1.3854, 4.0615)
Luminance	0.0139 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#101F39 #392A10

analogous

#103439 #101F39 #161039

triadic

#101F39 #39101F #1F3910

tetradic

#101F39 #391034 #392A10 #103916

square

#101F39 #391034 #392A10 #103916

split-complementary

#101F39 #391610 #343910

monochromatic

#070D18 #070D18 #101F39 #1D3969 #2B5399

Accessibility & contrast

On white

16.44

#101F39 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.28

#101F39 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #101F39

16.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##101F39	#FFFFFF	#000000	##FFFFFF
##101F39	1.00	16.44	1.28	16.44
#FFFFFF	16.44	1.00	21.00	1.00
#000000	1.28	21.00	1.00	21.00
##FFFFFF	16.44	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#14213A

Deuteranopia (green-blind)

#0E1D38

Tritanopia (blue-blind)

#002529

Achromatopsia (no color)

#1F1F1F

Design tokens & code

CSS

--color: #101f39;
/* rgb */ color: rgb(16, 31, 57);
/* oklch */ color: oklch(24.1% 0.054 260.7);

Tailwind

colors: {
  custom: {
    50: '#535a6f',
    500: '#101f39',
    950: '#000000',
  },
}

SCSS

$custom: #101f39;
$custom-light: #535a6f;
$custom-dark: #000000;

JSON

{
  "hex": "#101f39",
  "rgb": {
    "r": 16,
    "g": 31,
    "b": 57
  },
  "hsl": {
    "h": 218.049,
    "s": 56.164,
    "l": 14.314
  },
  "oklch": {
    "l": 0.24129,
    "c": 0.05411,
    "h": 260.7
  },
  "luminance": 0.01386
}

Semantic roles & 50–950 ramp

primary

#101F39

secondary

#735B32

accent

#A848DF

background

#F4F5F6

surface

#E7E9EC

border

#C3C5C7

text

#030307

muted

#78787A

Preview Lab

Preview with #101F39

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

Preview Lab → · Contrast checker → · Palette generator →