#0F1024#0F1024

#0F1024 is a very dark, muted blue. Relative luminance 0.006; OKLCH L 18.4% C 0.040 H 279.5°. Best body text is #FFFFFF at 18.75:1 contrast (WCAG AA passes).

Color values

HEX	#0F1024
RGB	rgb(15, 16, 36)
HSL	hsl(237, 41%, 10%)
HSV	hsv(237, 58%, 14%)
CMYK	cmyk(58.3%, 55.6%, 0%, 85.9%)
CIE-LAB	lab(5.42, 5.36, -13.53)
CIE-LCH	lch(5.42, 14.55, 291.61°)
OKLab	oklab(18.42% 0.0067 -0.0399)
OKLCH	oklch(18.42% 0.04 279.5)
XYZ	xyz(0.7006, 0.5995, 1.7475)
Luminance	0.0060 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#0F1024 #24230F

analogous

#0F1A24 #0F1024 #190F24

triadic

#0F1024 #240F10 #10240F

tetradic

#0F1024 #240F1A #24230F #0F2419

square

#0F1024 #240F1A #24230F #0F2419

split-complementary

#0F1024 #24190F #1A240F

monochromatic

#090A16 #090A16 #0F1024 #21234F #33367A

Accessibility & contrast

On white

18.75

#0F1024 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.12

#0F1024 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0F1024

18.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##0F1024	#FFFFFF	#000000	##FFFFFF
##0F1024	1.00	18.75	1.12	18.75
#FFFFFF	18.75	1.00	21.00	1.00
#000000	1.12	21.00	1.00	21.00
##FFFFFF	18.75	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#081325

Deuteranopia (green-blind)

#071124

Tritanopia (blue-blind)

#081418

Achromatopsia (no color)

#121212

Design tokens & code

CSS

--color: #0f1024;
/* rgb */ color: rgb(15, 16, 36);
/* oklch */ color: oklch(18.4% 0.040 279.5);

Tailwind

colors: {
  custom: {
    50: '#4e4e5e',
    500: '#0f1024',
    950: '#000000',
  },
}

SCSS

$custom: #0f1024;
$custom-light: #4e4e5e;
$custom-dark: #000000;

JSON

{
  "hex": "#0f1024",
  "rgb": {
    "r": 15,
    "g": 16,
    "b": 36
  },
  "hsl": {
    "h": 237.143,
    "s": 41.176,
    "l": 10
  },
  "oklch": {
    "l": 0.18415,
    "c": 0.04047,
    "h": 279.5
  },
  "luminance": 0.006
}

Semantic roles & 50–950 ramp

primary

#0F1024

secondary

#5C5A33

accent

#CB57D1

background

#F4F4F5

surface

#E7E7E9

border

#C3C3C5

text

#010104

muted

#777779

Preview Lab

Preview with #0F1024

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

Preview Lab → · Contrast checker → · Palette generator →