#555B87

#555B87

Color Values

HEX

#555B87

RGB

85, 91, 135

HSL

232.8, 22.7%, 43.1%

HSV

232.8, 37.0%, 52.9%

CMYK

37.0%, 32.6%, 0.0%, 47.1%

OKLCH

0.4848 0.0711 277.4

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#555B87

#878155

Analogous

#557487

#685587

#555B87

Triadic

#555B87

#87555B

#5B8755

Split Complementary

#555B87

#876855

#748755

Tetradic

#555B87

#875574

#878155

#558768

Color Blindness Simulation

Original

#555B87

Protanopia

#58587C

Deuteranopia

#57577A

Tritanopia

#557472

Achromatopsia

#5D5D5D

CSS Usage

background-color: #555B87;
color: #555B87;
border-color: #555B87;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F6F6F9
100
#EAEBF1
200
#D3D5E3
300
#B4B7D0
400
#8B90B6
500
#636A9C
600
#4F547D
700
#3F4464
800
#31354E
900
#27293A
950
#181A25

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026