#180C59#180C59

#180C59 is a very dark, vivid blue. Relative luminance 0.012; OKLCH L 24.1% C 0.127 H 278.2°. Best body text is #FFFFFF at 17.00:1 contrast (WCAG AA passes).

Color values

HEX	#180C59
RGB	rgb(24, 12, 89)
HSL	hsl(249, 76%, 20%)
HSV	hsv(249, 87%, 35%)
CMYK	cmyk(73%, 86.5%, 0%, 65.1%)
CIE-LAB	lab(10.40, 31.07, -43.37)
CIE-LCH	lch(10.40, 53.35, 305.62°)
OKLab	oklab(24.14% 0.0181 -0.1253)
OKLCH	oklch(24.14% 0.127 278.2)
XYZ	xyz(2.3108, 1.1782, 9.5549)
Luminance	0.0118 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#180C59 #4D590C

analogous

#0C2659 #180C59 #3F0C59

triadic

#180C59 #59180C #0C5918

tetradic

#180C59 #590C26 #4D590C #0C593F

square

#180C59 #590C26 #4D590C #0C593F

split-complementary

#180C59 #593F0C #26590C

monochromatic

#07041B #090523 #180C59 #27138F #351BC5

Accessibility & contrast

On white

17.00

#180C59 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.24

#180C59 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #180C59

17.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##180C59	#FFFFFF	#000000	##FFFFFF
##180C59	1.00	17.00	1.24	17.00
#FFFFFF	17.00	1.00	21.00	1.00
#000000	1.24	21.00	1.00	21.00
##FFFFFF	17.00	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#001F5B

Deuteranopia (green-blind)

#001958

Tritanopia (blue-blind)

#002433

Achromatopsia (no color)

#1C1C1C

Design tokens & code

CSS

--color: #180c59;
/* rgb */ color: rgb(24, 12, 89);
/* oklch */ color: oklch(24.1% 0.127 278.2);

Tailwind

colors: {
  custom: {
    50: '#614d89',
    500: '#180c59',
    950: '#000000',
  },
}

SCSS

$custom: #180c59;
$custom-light: #614d89;
$custom-dark: #000000;

JSON

{
  "hex": "#180c59",
  "rgb": {
    "r": 24,
    "g": 12,
    "b": 89
  },
  "hsl": {
    "h": 249.351,
    "s": 76.238,
    "l": 19.804
  },
  "oklch": {
    "l": 0.24144,
    "c": 0.12657,
    "h": 278.2
  },
  "luminance": 0.01178
}

Semantic roles & 50–950 ramp

primary

#180C59

secondary

#84942D

accent

#F335D5

background

#F6F4F8

surface

#EBE7F0

border

#C6C3CB

text

#06010C

muted

#7A777D

Preview Lab

Preview with #180C59

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

Preview Lab → · Contrast checker → · Palette generator →