#5F85E2

#5F85E2

Color Values

HEX

#5F85E2

RGB

95, 133, 226

HSL

222.6, 69.3%, 62.9%

HSV

222.6, 58.0%, 88.6%

CMYK

58.0%, 41.2%, 0.0%, 11.4%

OKLCH

0.6323 0.1465 265.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#5F85E2

#E2BC5F

Analogous

#5FC6E2

#7A5FE2

#5F85E2

Triadic

#5F85E2

#E25F85

#85E25F

Split Complementary

#5F85E2

#E27A5F

#C6E25F

Tetradic

#5F85E2

#E25FC6

#E2BC5F

#5FE27A

Color Blindness Simulation

Original

#5F85E2

Protanopia

#6F70CC

Deuteranopia

#6D6AC6

Tritanopia

#61BAB6

Achromatopsia

#848484

CSS Usage

background-color: #5F85E2;
color: #5F85E2;
border-color: #5F85E2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FC
100
#E3E9F8
200
#C3D1F4
300
#97B0EC
400
#5F85E2
500
#275AD8
600
#1F48AD
700
#193A8A
800
#142D6C
900
#12244F
950
#0C1732

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026