#221490#221490

#221490 is a dark, vivid blue. Relative luminance 0.029; OKLCH L 32.6% C 0.185 H 273.9°. Best body text is #FFFFFF at 13.37:1 contrast (WCAG AA passes).

Color values

HEX#221490
RGBrgb(34, 20, 144)
HSLhsl(247, 76%, 32%)
HSVhsv(247, 86%, 56%)
CMYKcmyk(76.4%, 86.1%, 0%, 43.5%)
CIE-LABlab(19.45, 45.66, -63.94)
CIE-LCHlch(19.45, 78.57, 305.53°)
OKLaboklab(32.6% 0.0127 -0.1849)
OKLCHoklch(32.6% 0.185 273.9)
XYZxyz(5.9422, 2.8534, 26.6177)
Luminance0.0285 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#221490 #829014
analogous
#144490 #221490 #601490
triadic
#221490 #902214 #149022
tetradic
#221490 #901444 #829014 #149060
square
#221490 #901444 #829014 #149060
split-complementary
#221490 #906014 #449014
monochromatic
#090525 #150D5A #221490 #2F1BC6 #4E3BE4

Accessibility & contrast

On white

13.37
#221490 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.57
#221490 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #221490
13.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##221490#FFFFFF#000000##FFFFFF
##2214901.0013.371.5713.37
#FFFFFF13.371.0021.001.00
#0000001.5721.001.0021.00
##FFFFFF13.371.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003593
Deuteranopia (green-blind)
#00298E
Tritanopia (blue-blind)
#003D54
Achromatopsia (no color)
#2F2F2F

Design tokens & code

CSS
--color: #221490;
/* rgb */ color: rgb(34, 20, 144);
/* oklch */ color: oklch(32.6% 0.185 273.9);
Tailwind
colors: {
  custom: {
    50: '#7257b2',
    500: '#221490',
    950: '#000000',
  },
}
SCSS
$custom: #221490;
$custom-light: #7257b2;
$custom-dark: #000000;
JSON
{
  "hex": "#221490",
  "rgb": {
    "r": 34,
    "g": 20,
    "b": 144
  },
  "hsl": {
    "h": 246.774,
    "s": 75.61,
    "l": 32.157
  },
  "oklch": {
    "l": 0.32604,
    "c": 0.18531,
    "h": 273.9
  },
  "luminance": 0.02854
}

Semantic roles & 50–950 ramp

primary
#221490
secondary
#B4C33D
accent
#F236DD
background
#F7F5FB
surface
#EEE9F6
border
#C9C5D0
text
#090311
muted
#7B7880

Preview Lab

Preview with #221490

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

Preview Lab → · Contrast checker → · Palette generator →

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