#180E2B#180E2B

#180E2B is a very dark, muted violet. Relative luminance 0.007; OKLCH L 19.5% C 0.057 H 296.7°. Best body text is #FFFFFF at 18.48:1 contrast (WCAG AA passes).

Color values

HEX	#180E2B
RGB	rgb(24, 14, 43)
HSL	hsl(261, 51%, 11%)
HSV	hsv(261, 67%, 17%)
CMYK	cmyk(44.2%, 67.4%, 0%, 83.1%)
CIE-LAB	lab(6.17, 12.90, -17.59)
CIE-LCH	lch(6.17, 21.81, 306.25°)
OKLab	oklab(19.54% 0.0255 -0.0506)
OKLCH	oklch(19.54% 0.057 296.7)
XYZ	xyz(0.9697, 0.6827, 2.3657)
Luminance	0.0068 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Midnight Blue (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#180E2B #212B0E

analogous

#0E122B #180E2B #260E2B

triadic

#180E2B #2B180E #0E2B18

tetradic

#180E2B #2B0E12 #212B0E #0E2B26

square

#180E2B #2B0E12 #212B0E #0E2B26

split-complementary

#180E2B #2B260E #122B0E

monochromatic

#0D0817 #0D0817 #180E2B #321D59 #4C2C87

Accessibility & contrast

On white

18.48

#180E2B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.14

#180E2B on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #180E2B

18.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##180E2B	#FFFFFF	#000000	##FFFFFF
##180E2B	1.00	18.48	1.14	18.48
#FFFFFF	18.48	1.00	21.00	1.00
#000000	1.14	21.00	1.00	21.00
##FFFFFF	18.48	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#04142C

Deuteranopia (green-blind)

#05132A

Tritanopia (blue-blind)

#14141A

Achromatopsia (no color)

#141414

Design tokens & code

CSS

--color: #180e2b;
/* rgb */ color: rgb(24, 14, 43);
/* oklch */ color: oklch(19.5% 0.057 296.7);

Tailwind

colors: {
  custom: {
    50: '#564d64',
    500: '#180e2b',
    950: '#000000',
  },
}

SCSS

$custom: #180e2b;
$custom-light: #564d64;
$custom-dark: #000000;

JSON

{
  "hex": "#180e2b",
  "rgb": {
    "r": 24,
    "g": 14,
    "b": 43
  },
  "hsl": {
    "h": 260.69,
    "s": 50.877,
    "l": 11.176
  },
  "oklch": {
    "l": 0.19537,
    "c": 0.05666,
    "h": 296.7
  },
  "luminance": 0.00683
}

Semantic roles & 50–950 ramp

primary

#180E2B

secondary

#536530

accent

#DA4DAA

background

#F5F4F6

surface

#E9E7EB

border

#C5C3C6

text

#030105

muted

#78777A

Preview Lab

Preview with #180E2B

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

Preview Lab → · Contrast checker → · Palette generator →