#5572EF#5572EF

#5572EF is a mid, vivid blue. Relative luminance 0.202; OKLCH L 59.7% C 0.190 H 269.9°. Best body text is #000000 at 5.04:1 contrast (WCAG AA passes).

Color values

HEX	#5572EF
RGB	rgb(85, 114, 239)
HSL	hsl(229, 83%, 64%)
HSV	hsv(229, 64%, 94%)
CMYK	cmyk(64.4%, 52.3%, 0%, 6.3%)
CIE-LAB	lab(52.06, 28.45, -66.24)
CIE-LCH	lch(52.06, 72.09, 293.24°)
OKLab	oklab(59.74% -0.0003 -0.1902)
OKLCH	oklch(59.74% 0.19 269.9)
XYZ	xyz(25.3383, 20.1956, 84.2075)
Luminance	0.2020 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#5572EF #EFD255

analogous

#55BFEF #5572EF #8555EF

triadic

#5572EF #EF5572 #72EF55

tetradic

#5572EF #EF55BF #EFD255 #55EF85

square

#5572EF #EF55BF #EFD255 #55EF85

split-complementary

#5572EF #EF8555 #BFEF55

monochromatic

#1131B8 #1D44EA #5572EF #8DA0F4 #C5CFFA

Accessibility & contrast

On white

4.17

#5572EF on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.04

#5572EF on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #5572EF

5.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##5572EF	#FFFFFF	#000000	##000000
##5572EF	1.00	4.17	5.04	5.04
#FFFFFF	4.17	1.00	21.00	21.00
#000000	5.04	21.00	1.00	1.00
##000000	5.04	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#2083F3

Deuteranopia (green-blind)

#0076EC

Tritanopia (blue-blind)

#0090A6

Achromatopsia (no color)

#7C7C7C

Design tokens & code

CSS

--color: #5572ef;
/* rgb */ color: rgb(85, 114, 239);
/* oklch */ color: oklch(59.7% 0.190 269.9);

Tailwind

colors: {
  custom: {
    50: '#949af5',
    500: '#5572ef',
    950: '#000000',
  },
}

SCSS

$custom: #5572ef;
$custom-light: #949af5;
$custom-dark: #000000;

JSON

{
  "hex": "#5572ef",
  "rgb": {
    "r": 85,
    "g": 114,
    "b": 239
  },
  "hsl": {
    "h": 228.701,
    "s": 82.796,
    "l": 63.529
  },
  "oklch": {
    "l": 0.59739,
    "c": 0.1902,
    "h": 269.9
  },
  "luminance": 0.20198
}

Semantic roles & 50–950 ramp

primary

#5572EF

secondary

#EBE1B5

accent

#B606DF

background

#F9F9FF

surface

#F2F2FE

border

#CCCCD6

text

#0E0E17

muted

#7E7E85

Preview Lab

Preview with #5572EF

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

Preview Lab → · Contrast checker → · Palette generator →