#555F81

#555F81

Color Values

HEX

#555F81

RGB

85, 95, 129

HSL

226.4, 20.6%, 42.0%

HSV

226.4, 34.1%, 50.6%

CMYK

34.1%, 26.4%, 0.0%, 49.4%

OKLCH

0.4908 0.0561 271.6

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#555F81

#817755

Analogous

#557581

#615581

#555F81

Triadic

#555F81

#81555F

#5F8155

Split Complementary

#555F81

#816155

#758155

Tetradic

#555F81

#815575

#817755

#558161

Color Blindness Simulation

Original

#555F81

Protanopia

#595979

Deuteranopia

#595877

Tritanopia

#567271

Achromatopsia

#5F5F5F

CSS Usage

background-color: #555F81;
color: #555F81;
border-color: #555F81;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D4D7E3
300
#B5BBCE
400
#8D96B4
500
#65719A
600
#515B7B
700
#414862
800
#33394D
900
#272C39
950
#191B24

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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