#5781D2

#5781D2

Color Values

HEX

#5781D2

RGB

87, 129, 210

HSL

219.5, 57.7%, 58.2%

HSV

219.5, 58.6%, 82.4%

CMYK

58.6%, 38.6%, 0.0%, 17.6%

OKLCH

0.6102 0.1321 262.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#5781D2

#D2A857

Analogous

#57BED2

#6A57D2

#5781D2

Triadic

#5781D2

#D25781

#81D257

Split Complementary

#5781D2

#D26A57

#BED257

Tetradic

#5781D2

#D257BE

#D2A857

#57D26A

Color Blindness Simulation

Original

#5781D2

Protanopia

#696ABE

Deuteranopia

#6764BA

Tritanopia

#59AFAC

Achromatopsia

#7E7E7E

CSS Usage

background-color: #5781D2;
color: #5781D2;
border-color: #5781D2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C7D5F0
300
#9EB7E5
400
#6A8FD7
500
#3668C9
600
#2B53A1
700
#234381
800
#1B3465
900
#17284A
950
#0F1A2E

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48: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