#5877C0#5877C0

#5877C0 is a mid, moderate blue. Relative luminance 0.191; OKLCH L 57.9% C 0.118 H 265.5°. Best body text is #000000 at 4.81:1 contrast (WCAG AA passes).

Color values

HEX	#5877C0
RGB	rgb(88, 119, 192)
HSL	hsl(222, 45%, 55%)
HSV	hsv(222, 54%, 75%)
CMYK	cmyk(54.2%, 38%, 0%, 24.7%)
CIE-LAB	lab(50.77, 10.24, -41.69)
CIE-LCH	lch(50.77, 42.92, 283.80°)
OKLab	oklab(57.91% -0.0093 -0.118)
OKLCH	oklch(57.91% 0.118 265.5)
XYZ	xyz(20.1326, 19.0726, 52.4794)
Luminance	0.1907 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#5877C0 #C0A158

analogous

#58ABC0 #5877C0 #6D58C0

triadic

#5877C0 #C05877 #77C058

tetradic

#5877C0 #C058AB #C0A158 #58C06D

square

#5877C0 #C058AB #C0A158 #58C06D

split-complementary

#5877C0 #C06D58 #ABC058

monochromatic

#2B4072 #3C599F #5877C0 #849BD1 #B1BFE2

Accessibility & contrast

On white

4.36

#5877C0 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.81

#5877C0 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #5877C0

4.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##5877C0	#FFFFFF	#000000	##000000
##5877C0	1.00	4.36	4.81	4.81
#FFFFFF	4.36	1.00	21.00	21.00
#000000	4.81	21.00	1.00	1.00
##000000	4.81	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#597EC3

Deuteranopia (green-blind)

#4D75BE

Tritanopia (blue-blind)

#208792

Achromatopsia (no color)

#797979

Design tokens & code

CSS

--color: #5877c0;
/* rgb */ color: rgb(88, 119, 192);
/* oklch */ color: oklch(57.9% 0.118 265.5);

Tailwind

colors: {
  custom: {
    50: '#8e9dd3',
    500: '#5877c0',
    950: '#000000',
  },
}

SCSS

$custom: #5877c0;
$custom-light: #8e9dd3;
$custom-dark: #000000;

JSON

{
  "hex": "#5877c0",
  "rgb": {
    "r": 88,
    "g": 119,
    "b": 192
  },
  "hsl": {
    "h": 222.115,
    "s": 45.217,
    "l": 54.902
  },
  "oklch": {
    "l": 0.57906,
    "c": 0.11835,
    "h": 265.5
  },
  "luminance": 0.19074
}

Semantic roles & 50–950 ramp

primary

#5877C0

secondary

#D0C3A4

accent

#AE53D5

background

#F9F9FD

surface

#F1F2FA

border

#CBCCD3

text

#0D0E14

muted

#7E7E83

Preview Lab

Preview with #5877C0

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

Preview Lab → · Contrast checker → · Palette generator →