#101430#101430

#101430 is a very dark, muted blue. Relative luminance 0.008; OKLCH L 20.5% C 0.055 H 274.4°. Best body text is #FFFFFF at 18.03:1 contrast (WCAG AA passes).

Color values

HEX	#101430
RGB	rgb(16, 20, 48)
HSL	hsl(233, 50%, 13%)
HSV	hsv(233, 67%, 19%)
CMYK	cmyk(66.7%, 58.3%, 0%, 81.2%)
CIE-LAB	lab(7.44, 8.42, -19.33)
CIE-LCH	lch(7.44, 21.08, 293.54°)
OKLab	oklab(20.52% 0.0042 -0.0552)
OKLCH	oklch(20.52% 0.055 274.4)
XYZ	xyz(0.9972, 0.8238, 2.9022)
Luminance	0.0082 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Midnight Blue (survey)

#020035

ΔE00 6.65

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#101430 #302C10

analogous

#102430 #101430 #1C1030

triadic

#101430 #301014 #143010

tetradic

#101430 #301024 #302C10 #10301C

square

#101430 #301024 #302C10 #10301C

split-complementary

#101430 #301C10 #243010

monochromatic

#080A17 #080A17 #101430 #1F275E #2F3A8C

Accessibility & contrast

On white

18.03

#101430 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.16

#101430 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #101430

18.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##101430	#FFFFFF	#000000	##FFFFFF
##101430	1.00	18.03	1.16	18.03
#FFFFFF	18.03	1.00	21.00	1.00
#000000	1.16	21.00	1.00	21.00
##FFFFFF	18.03	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#071831

Deuteranopia (green-blind)

#04152F

Tritanopia (blue-blind)

#021A1F

Achromatopsia (no color)

#161616

Design tokens & code

CSS

--color: #101430;
/* rgb */ color: rgb(16, 20, 48);
/* oklch */ color: oklch(20.5% 0.055 274.4);

Tailwind

colors: {
  custom: {
    50: '#515168',
    500: '#101430',
    950: '#000000',
  },
}

SCSS

$custom: #101430;
$custom-light: #515168;
$custom-dark: #000000;

JSON

{
  "hex": "#101430",
  "rgb": {
    "r": 16,
    "g": 20,
    "b": 48
  },
  "hsl": {
    "h": 232.5,
    "s": 50,
    "l": 12.549
  },
  "oklch": {
    "l": 0.20519,
    "c": 0.05536,
    "h": 274.4
  },
  "luminance": 0.00824
}

Semantic roles & 50–950 ramp

primary

#101430

secondary

#696233

accent

#C84EDA

background

#F4F4F6

surface

#E7E7EB

border

#C3C3C6

text

#020206

muted

#78787A

Preview Lab

Preview with #101430

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

Preview Lab → · Contrast checker → · Palette generator →