#1A4093#1A4093

#1A4093 is a dark, vivid blue. Relative luminance 0.060; OKLCH L 39.8% C 0.144 H 263.0°. Best body text is #FFFFFF at 9.55:1 contrast (WCAG AA passes).

Color values

HEX#1A4093
RGBrgb(26, 64, 147)
HSLhsl(221, 70%, 34%)
HSVhsv(221, 82%, 58%)
CMYKcmyk(82.3%, 56.5%, 0%, 42.4%)
CIE-LABlab(29.39, 19.03, -49.46)
CIE-LCHlch(29.39, 52.99, 291.04°)
OKLaboklab(39.8% -0.0175 -0.1428)
OKLCHoklch(39.8% 0.144 263)
XYZxyz(7.5240, 5.9921, 28.3581)
Luminance0.0599 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1A4093 #936D1A
analogous
#1A7D93 #1A4093 #311A93
triadic
#1A4093 #931A40 #40931A
tetradic
#1A4093 #931A7D #936D1A #1A9331
square
#1A4093 #931A7D #936D1A #1A9331
split-complementary
#1A4093 #93311A #7D931A
monochromatic
#08132B #11295F #1A4093 #2357C7 #4978DF

Accessibility & contrast

On white

9.55
#1A4093 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.20
#1A4093 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1A4093
9.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1A4093#FFFFFF#000000##FFFFFF
##1A40931.009.552.209.55
#FFFFFF9.551.0021.001.00
#0000002.2021.001.0021.00
##FFFFFF9.551.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004B96
Deuteranopia (green-blind)
#004091
Tritanopia (blue-blind)
#005563
Achromatopsia (no color)
#454545

Design tokens & code

CSS
--color: #1a4093;
/* rgb */ color: rgb(26, 64, 147);
/* oklch */ color: oklch(39.8% 0.144 263.0);
Tailwind
colors: {
  custom: {
    50: '#6c74b3',
    500: '#1a4093',
    950: '#000000',
  },
}
SCSS
$custom: #1a4093;
$custom-light: #6c74b3;
$custom-dark: #000000;
JSON
{
  "hex": "#1a4093",
  "rgb": {
    "r": 26,
    "g": 64,
    "b": 147
  },
  "hsl": {
    "h": 221.157,
    "s": 69.942,
    "l": 33.922
  },
  "oklch": {
    "l": 0.39804,
    "c": 0.14383,
    "h": 263
  },
  "luminance": 0.05993
}

Semantic roles & 50–950 ramp

primary
#1A4093
secondary
#C09B48
accent
#B53BED
background
#F7F7FB
surface
#EDEDF6
border
#C8C8D0
text
#080811
muted
#7B7B80

Preview Lab

Preview with #1A4093

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

Preview Lab → · Contrast checker → · Palette generator →

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