#222595#222595

#222595 is a dark, vivid blue. Relative luminance 0.038; OKLCH L 35.3% C 0.177 H 271.7°. Best body text is #FFFFFF at 11.89:1 contrast (WCAG AA passes).

Color values

HEX#222595
RGBrgb(34, 37, 149)
HSLhsl(238, 63%, 36%)
HSVhsv(238, 77%, 58%)
CMYKcmyk(77.2%, 75.2%, 0%, 41.6%)
CIE-LABlab(23.11, 38.42, -60.97)
CIE-LCHlch(23.11, 72.07, 302.22°)
OKLaboklab(35.34% 0.0054 -0.1765)
OKLCHoklch(35.34% 0.177 271.7)
XYZxyz(6.7442, 3.8324, 28.8122)
Luminance0.0383 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#222595 #959222
analogous
#225E95 #222595 #582295
triadic
#222595 #952225 #259522
tetradic
#222595 #95225E #959222 #229558
square
#222595 #95225E #959222 #229558
split-complementary
#222595 #955822 #5E9522
monochromatic
#0B0C31 #171963 #222595 #2D31C7 #585CD9

Accessibility & contrast

On white

11.89
#222595 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.77
#222595 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #222595
11.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##222595#FFFFFF#000000##FFFFFF
##2225951.0011.891.7711.89
#FFFFFF11.891.0021.001.00
#0000001.7721.001.0021.00
##FFFFFF11.891.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003D98
Deuteranopia (green-blind)
#003193
Tritanopia (blue-blind)
#00455B
Achromatopsia (no color)
#373737

Design tokens & code

CSS
--color: #222595;
/* rgb */ color: rgb(34, 37, 149);
/* oklch */ color: oklch(35.3% 0.177 271.7);
Tailwind
colors: {
  custom: {
    50: '#7261b5',
    500: '#222595',
    950: '#000000',
  },
}
SCSS
$custom: #222595;
$custom-light: #7261b5;
$custom-dark: #000000;
JSON
{
  "hex": "#222595",
  "rgb": {
    "r": 34,
    "g": 37,
    "b": 149
  },
  "hsl": {
    "h": 238.435,
    "s": 62.842,
    "l": 35.882
  },
  "oklch": {
    "l": 0.35337,
    "c": 0.17658,
    "h": 271.7
  },
  "luminance": 0.03833
}

Semantic roles & 50–950 ramp

primary
#222595
secondary
#BDBA56
accent
#E242E6
background
#F7F5FB
surface
#EDEAF6
border
#C8C6D0
text
#090511
muted
#7B7980

Preview Lab

Preview with #222595

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

Preview Lab → · Contrast checker → · Palette generator →

#222595 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva