#1E1973#1E1973

#1E1973 is a dark, vivid blue. Relative luminance 0.022; OKLCH L 29.5% C 0.146 H 275.1°. Best body text is #FFFFFF at 14.57:1 contrast (WCAG AA passes).

Color values

HEX#1E1973
RGBrgb(30, 25, 115)
HSLhsl(243, 64%, 27%)
HSVhsv(243, 78%, 45%)
CMYKcmyk(73.9%, 78.3%, 0%, 54.9%)
CIE-LABlab(16.55, 33.29, -50.37)
CIE-LCHlch(16.55, 60.38, 303.46°)
OKLaboklab(29.49% 0.013 -0.1456)
OKLCHoklch(29.49% 0.146 275.1)
XYZxyz(3.9765, 2.2087, 16.4331)
Luminance0.0221 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1E1973 #6E7319
analogous
#194173 #1E1973 #4B1973
triadic
#1E1973 #731E19 #19731E
tetradic
#1E1973 #731941 #6E7319 #19734B
square
#1E1973 #731941 #6E7319 #19734B
split-complementary
#1E1973 #734B19 #417319
monochromatic
#070519 #110E41 #1E1973 #2B24A5 #3C34D3

Accessibility & contrast

On white

14.57
#1E1973 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.44
#1E1973 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1E1973
14.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1E1973#FFFFFF#000000##FFFFFF
##1E19731.0014.571.4414.57
#FFFFFF14.571.0021.001.00
#0000001.4421.001.0021.00
##FFFFFF14.571.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002D76
Deuteranopia (green-blind)
#002571
Tritanopia (blue-blind)
#003345
Achromatopsia (no color)
#292929

Design tokens & code

CSS
--color: #1e1973;
/* rgb */ color: rgb(30, 25, 115);
/* oklch */ color: oklch(29.5% 0.146 275.1);
Tailwind
colors: {
  custom: {
    50: '#69579c',
    500: '#1e1973',
    950: '#000000',
  },
}
SCSS
$custom: #1e1973;
$custom-light: #69579c;
$custom-dark: #000000;
JSON
{
  "hex": "#1e1973",
  "rgb": {
    "r": 30,
    "g": 25,
    "b": 115
  },
  "hsl": {
    "h": 243.333,
    "s": 64.286,
    "l": 27.451
  },
  "oklch": {
    "l": 0.29493,
    "c": 0.14621,
    "h": 275.1
  },
  "luminance": 0.02209
}

Semantic roles & 50–950 ramp

primary
#1E1973
secondary
#A2A840
accent
#E741DE
background
#F6F5F9
surface
#ECE9F2
border
#C7C5CC
text
#07030E
muted
#7A787E

Preview Lab

Preview with #1E1973

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

Preview Lab → · Contrast checker → · Palette generator →

#1E1973 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva