#595EC2#595EC2

#595EC2 is a mid, vivid blue. Relative luminance 0.140; OKLCH L 53.0% C 0.153 H 277.6°. Best body text is #FFFFFF at 5.52:1 contrast (WCAG AA passes).

Color values

HEX	#595EC2
RGB	rgb(89, 94, 194)
HSL	hsl(237, 46%, 55%)
HSV	hsv(237, 54%, 76%)
CMYK	cmyk(54.1%, 51.5%, 0%, 23.9%)
CIE-LAB	lab(44.27, 26.60, -53.22)
CIE-LCH	lch(44.27, 59.49, 296.56°)
OKLab	oklab(53% 0.0204 -0.152)
OKLCH	oklch(53% 0.153 277.6)
XYZ	xyz(17.8571, 14.0231, 52.7942)
Luminance	0.1402 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#595EC2 #C2BD59

analogous

#5992C2 #595EC2 #8859C2

triadic

#595EC2 #C2595E #5EC259

tetradic

#595EC2 #C25992 #C2BD59 #59C288

square

#595EC2 #C25992 #C2BD59 #59C288

split-complementary

#595EC2 #C28859 #92C259

monochromatic

#2B2F75 #3C40A2 #595EC2 #8689D2 #B3B5E3

Accessibility & contrast

On white

5.52

#595EC2 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.80

#595EC2 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #595EC2

5.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##595EC2	#FFFFFF	#000000	##FFFFFF
##595EC2	1.00	5.52	3.80	5.52
#FFFFFF	5.52	1.00	21.00	1.00
#000000	3.80	21.00	1.00	21.00
##FFFFFF	5.52	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#296DC6

Deuteranopia (green-blind)

#1A65C0

Tritanopia (blue-blind)

#277487

Achromatopsia (no color)

#696969

Design tokens & code

CSS

--color: #595ec2;
/* rgb */ color: rgb(89, 94, 194);
/* oklch */ color: oklch(53.0% 0.153 277.6);

Tailwind

colors: {
  custom: {
    50: '#908bd5',
    500: '#595ec2',
    950: '#000000',
  },
}

SCSS

$custom: #595ec2;
$custom-light: #908bd5;
$custom-dark: #000000;

JSON

{
  "hex": "#595ec2",
  "rgb": {
    "r": 89,
    "g": 94,
    "b": 194
  },
  "hsl": {
    "h": 237.143,
    "s": 46.256,
    "l": 55.49
  },
  "oklch": {
    "l": 0.52996,
    "c": 0.15337,
    "h": 277.6
  },
  "luminance": 0.14024
}

Semantic roles & 50–950 ramp

primary

#595EC2

secondary

#D1CFA6

accent

#D052D6

background

#F9F8FD

surface

#F2F0FA

border

#CCCBD3

text

#0D0C14

muted

#7E7D83

Preview Lab

Preview with #595EC2

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

Preview Lab → · Contrast checker → · Palette generator →