#181066#181066

#181066 is a dark, vivid blue. Relative luminance 0.015; OKLCH L 26.3% C 0.140 H 275.0°. Best body text is #FFFFFF at 16.09:1 contrast (WCAG AA passes).

Color values

HEX	#181066
RGB	rgb(24, 16, 102)
HSL	hsl(246, 73%, 23%)
HSV	hsv(246, 84%, 40%)
CMYK	cmyk(76.5%, 84.3%, 0%, 60%)
CIE-LAB	lab(12.76, 33.34, -48.15)
CIE-LCH	lch(12.76, 58.57, 304.70°)
OKLab	oklab(26.26% 0.0122 -0.1392)
OKLCH	oklch(26.26% 0.14 275)
XYZ	xyz(2.9595, 1.5238, 12.7060)
Luminance	0.0152 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#181066 #5E6610

analogous

#103366 #181066 #431066

triadic

#181066 #661810 #106618

tetradic

#181066 #661033 #5E6610 #106643

square

#181066 #661033 #5E6610 #106643

split-complementary

#181066 #664310 #336610

monochromatic

#06041A #0C0831 #181066 #24189B #3121D0

Accessibility & contrast

On white

16.09

#181066 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.30

#181066 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #181066

16.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##181066	#FFFFFF	#000000	##FFFFFF
##181066	1.00	16.09	1.30	16.09
#FFFFFF	16.09	1.00	21.00	1.00
#000000	1.30	21.00	1.00	21.00
##FFFFFF	16.09	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#002568

Deuteranopia (green-blind)

#001D65

Tritanopia (blue-blind)

#002B3B

Achromatopsia (no color)

#212121

Design tokens & code

CSS

--color: #181066;
/* rgb */ color: rgb(24, 16, 102);
/* oklch */ color: oklch(26.3% 0.140 275.0);

Tailwind

colors: {
  custom: {
    50: '#645193',
    500: '#181066',
    950: '#000000',
  },
}

SCSS

$custom: #181066;
$custom-light: #645193;
$custom-dark: #000000;

JSON

{
  "hex": "#181066",
  "rgb": {
    "r": 24,
    "g": 16,
    "b": 102
  },
  "hsl": {
    "h": 245.581,
    "s": 72.881,
    "l": 23.137
  },
  "oklch": {
    "l": 0.26262,
    "c": 0.13976,
    "h": 275
  },
  "luminance": 0.01524
}

Semantic roles & 50–950 ramp

primary

#181066

secondary

#949E33

accent

#F038DF

background

#F6F4F9

surface

#EBE7F1

border

#C6C3CB

text

#06020D

muted

#7A787E

Preview Lab

Preview with #181066

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

Preview Lab → · Contrast checker → · Palette generator →