#1A1174#1A1174

#1A1174 is a dark, vivid blue. Relative luminance 0.019; OKLCH L 28.3% C 0.156 H 273.9°. Best body text is #FFFFFF at 15.26:1 contrast (WCAG AA passes).

Color values

HEX#1A1174
RGBrgb(26, 17, 116)
HSLhsl(245, 74%, 26%)
HSVhsv(245, 85%, 45%)
CMYKcmyk(77.6%, 85.3%, 0%, 54.5%)
CIE-LABlab(14.85, 37.66, -53.83)
CIE-LCHlch(14.85, 65.70, 304.98°)
OKLaboklab(28.27% 0.0107 -0.1557)
OKLCHoklch(28.27% 0.156 273.9)
XYZxyz(3.7778, 1.8811, 16.6836)
Luminance0.0188 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1A1174 #6B7411
analogous
#113974 #1A1174 #4B1174
triadic
#1A1174 #741A11 #11741A
tetradic
#1A1174 #741139 #6B7411 #11744B
square
#1A1174 #741139 #6B7411 #11744B
split-complementary
#1A1174 #744B11 #397411
monochromatic
#06041B #0E093F #1A1174 #2619A9 #3221DE

Accessibility & contrast

On white

15.26
#1A1174 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.38
#1A1174 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1A1174
15.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1A1174#FFFFFF#000000##FFFFFF
##1A11741.0015.261.3815.26
#FFFFFF15.261.0021.001.00
#0000001.3821.001.0021.00
##FFFFFF15.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002A77
Deuteranopia (green-blind)
#002172
Tritanopia (blue-blind)
#003144
Achromatopsia (no color)
#252525

Design tokens & code

CSS
--color: #1a1174;
/* rgb */ color: rgb(26, 17, 116);
/* oklch */ color: oklch(28.3% 0.156 273.9);
Tailwind
colors: {
  custom: {
    50: '#68529d',
    500: '#1a1174',
    950: '#000000',
  },
}
SCSS
$custom: #1a1174;
$custom-light: #68529d;
$custom-dark: #000000;
JSON
{
  "hex": "#1a1174",
  "rgb": {
    "r": 26,
    "g": 17,
    "b": 116
  },
  "hsl": {
    "h": 245.455,
    "s": 74.436,
    "l": 26.078
  },
  "oklch": {
    "l": 0.28265,
    "c": 0.15606,
    "h": 273.9
  },
  "luminance": 0.01881
}

Semantic roles & 50–950 ramp

primary
#1A1174
secondary
#A0AB36
accent
#F137E0
background
#F6F4F9
surface
#ECE7F2
border
#C7C3CC
text
#07020E
muted
#7A787E

Preview Lab

Preview with #1A1174

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

Preview Lab → · Contrast checker → · Palette generator →

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