#191C6F#191C6F

#191C6F is a dark, vivid blue. Relative luminance 0.022; OKLCH L 29.2% C 0.139 H 272.3°. Best body text is #FFFFFF at 14.61:1 contrast (WCAG AA passes).

Color values

HEX#191C6F
RGBrgb(25, 28, 111)
HSLhsl(238, 63%, 27%)
HSVhsv(238, 77%, 44%)
CMYKcmyk(77.5%, 74.8%, 0%, 56.5%)
CIE-LABlab(16.43, 29.45, -47.99)
CIE-LCHlch(16.43, 56.30, 301.53°)
OKLaboklab(29.19% 0.0055 -0.1388)
OKLCHoklch(29.19% 0.139 272.3)
XYZxyz(3.6844, 2.1845, 15.2633)
Luminance0.0219 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#191C6F #6F6C19
analogous
#19476F #191C6F #41196F
triadic
#191C6F #6F191C #1C6F19
tetradic
#191C6F #6F1947 #6F6C19 #196F41
square
#191C6F #6F1947 #6F6C19 #196F41
split-complementary
#191C6F #6F4119 #476F19
monochromatic
#060619 #0E0F3D #191C6F #2429A1 #3237D1

Accessibility & contrast

On white

14.61
#191C6F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.44
#191C6F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #191C6F
14.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##191C6F#FFFFFF#000000##FFFFFF
##191C6F1.0014.611.4414.61
#FFFFFF14.611.0021.001.00
#0000001.4421.001.0021.00
##FFFFFF14.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#002D71
Deuteranopia (green-blind)
#00256D
Tritanopia (blue-blind)
#003343
Achromatopsia (no color)
#292929

Design tokens & code

CSS
--color: #191c6f;
/* rgb */ color: rgb(25, 28, 111);
/* oklch */ color: oklch(29.2% 0.139 272.3);
Tailwind
colors: {
  custom: {
    50: '#655999',
    500: '#191c6f',
    950: '#000000',
  },
}
SCSS
$custom: #191c6f;
$custom-light: #655999;
$custom-dark: #000000;
JSON
{
  "hex": "#191c6f",
  "rgb": {
    "r": 25,
    "g": 28,
    "b": 111
  },
  "hsl": {
    "h": 237.907,
    "s": 63.235,
    "l": 26.667
  },
  "oklch": {
    "l": 0.29185,
    "c": 0.13896,
    "h": 272.3
  },
  "luminance": 0.02185
}

Semantic roles & 50–950 ramp

primary
#191C6F
secondary
#A4A13F
accent
#E142E6
background
#F6F5F9
surface
#EBE9F2
border
#C6C5CC
text
#07030E
muted
#7A787E

Preview Lab

Preview with #191C6F

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

Preview Lab → · Contrast checker → · Palette generator →

#191C6F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva