#1A127C#1A127C

#1A127C is a dark, vivid blue. Relative luminance 0.021; OKLCH L 29.4% C 0.165 H 272.8°. Best body text is #FFFFFF at 14.77:1 contrast (WCAG AA passes).

Color values

HEX#1A127C
RGBrgb(26, 18, 124)
HSLhsl(245, 75%, 28%)
HSVhsv(245, 85%, 49%)
CMYKcmyk(79%, 85.5%, 0%, 51.4%)
CIE-LABlab(16.04, 39.77, -57.00)
CIE-LCHlch(16.04, 69.51, 304.91°)
OKLaboklab(29.38% 0.0081 -0.1649)
OKLCHoklch(29.38% 0.165 272.8)
XYZxyz(4.2792, 2.1070, 19.2460)
Luminance0.0211 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1A127C #747C12
analogous
#123F7C #1A127C #4F127C
triadic
#1A127C #7C1A12 #127C1A
tetradic
#1A127C #7C123F #747C12 #127C4F
square
#1A127C #7C123F #747C12 #127C4F
split-complementary
#1A127C #7C4F12 #3F7C12
monochromatic
#06041B #0F0A47 #1A127C #251AB1 #3629E0

Accessibility & contrast

On white

14.77
#1A127C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.42
#1A127C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1A127C
14.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1A127C#FFFFFF#000000##FFFFFF
##1A127C1.0014.771.4214.77
#FFFFFF14.771.0021.001.00
#0000001.4221.001.0021.00
##FFFFFF14.771.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002D7F
Deuteranopia (green-blind)
#00237A
Tritanopia (blue-blind)
#003448
Achromatopsia (no color)
#282828

Design tokens & code

CSS
--color: #1a127c;
/* rgb */ color: rgb(26, 18, 124);
/* oklch */ color: oklch(29.4% 0.165 272.8);
Tailwind
colors: {
  custom: {
    50: '#6a54a3',
    500: '#1a127c',
    950: '#000000',
  },
}
SCSS
$custom: #1a127c;
$custom-light: #6a54a3;
$custom-dark: #000000;
JSON
{
  "hex": "#1a127c",
  "rgb": {
    "r": 26,
    "g": 18,
    "b": 124
  },
  "hsl": {
    "h": 244.528,
    "s": 74.648,
    "l": 27.843
  },
  "oklch": {
    "l": 0.29382,
    "c": 0.1651,
    "h": 272.8
  },
  "luminance": 0.02107
}

Semantic roles & 50–950 ramp

primary
#1A127C
secondary
#A9B238
accent
#F137E3
background
#F6F4FA
surface
#ECE8F4
border
#C7C4CE
text
#08030F
muted
#7A787F

Preview Lab

Preview with #1A127C

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

Preview Lab → · Contrast checker → · Palette generator →

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