#1B094A#1B094A

#1B094A is a very dark, moderate violet. Relative luminance 0.009; OKLCH L 22.2% C 0.109 H 286.1°. Best body text is #FFFFFF at 17.73:1 contrast (WCAG AA passes).

Color values

HEX	#1B094A
RGB	rgb(27, 9, 74)
HSL	hsl(257, 78%, 16%)
HSV	hsv(257, 88%, 29%)
CMYK	cmyk(63.5%, 87.8%, 0%, 71%)
CIE-LAB	lab(8.33, 28.04, -36.46)
CIE-LCH	lch(8.33, 46.00, 307.56°)
OKLab	oklab(22.25% 0.0304 -0.105)
OKLCH	oklch(22.25% 0.109 286.1)
XYZ	xyz(1.7853, 0.9227, 6.5613)
Luminance	0.0092 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Midnight Blue (survey)

#020035

ΔE00 6.35

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#1B094A #384A09

analogous

#09184A #1B094A #3C094A

triadic

#1B094A #4A1B09 #094A1B

tetradic

#1B094A #4A0918 #384A09 #094A3C

square

#1B094A #4A0918 #384A09 #094A3C

split-complementary

#1B094A #4A3C09 #184A09

monochromatic

#0A031B #0A031B #1B094A #2F1081 #4316B7

Accessibility & contrast

On white

17.73

#1B094A on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.18

#1B094A on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1B094A

17.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##1B094A	#FFFFFF	#000000	##FFFFFF
##1B094A	1.00	17.73	1.18	17.73
#FFFFFF	17.73	1.00	21.00	1.00
#000000	1.18	21.00	1.00	21.00
##FFFFFF	17.73	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#001A4C

Deuteranopia (green-blind)

#001649

Tritanopia (blue-blind)

#041C2A

Achromatopsia (no color)

#181818

Design tokens & code

CSS

--color: #1b094a;
/* rgb */ color: rgb(27, 9, 74);
/* oklch */ color: oklch(22.2% 0.109 286.1);

Tailwind

colors: {
  custom: {
    50: '#5f4b7d',
    500: '#1b094a',
    950: '#000000',
  },
}

SCSS

$custom: #1b094a;
$custom-light: #5f4b7d;
$custom-dark: #000000;

JSON

{
  "hex": "#1b094a",
  "rgb": {
    "r": 27,
    "g": 9,
    "b": 74
  },
  "hsl": {
    "h": 256.615,
    "s": 78.313,
    "l": 16.275
  },
  "oklch": {
    "l": 0.22246,
    "c": 0.10933,
    "h": 286.1
  },
  "luminance": 0.00923
}

Semantic roles & 50–950 ramp

primary

#1B094A

secondary

#6D8727

accent

#F533BF

background

#F5F4F7

surface

#EAE7EE

border

#C6C3C9

text

#05010A

muted

#79777C

Preview Lab

Preview with #1B094A

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

Preview Lab → · Contrast checker → · Palette generator →