#555998

#555998

Color Values

HEX

#555998

RGB

85, 89, 152

HSL

236.4, 28.3%, 46.5%

HSV

236.4, 44.1%, 59.6%

CMYK

44.1%, 41.4%, 0.0%, 40.4%

OKLCH

0.49 0.1002 279.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#555998

#989455

Analogous

#557B98

#735598

#555998

Triadic

#555998

#985559

#599855

Split Complementary

#555998

#987355

#7B9855

Tetradic

#555998

#98557B

#989455

#559873

Color Blindness Simulation

Original

#555998

Protanopia

#575789

Deuteranopia

#565685

Tritanopia

#557D7A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #555998;
color: #555998;
border-color: #555998;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D1D2E5
300
#B0B3D3
400
#8689BB
500
#5B60A4
600
#494D83
700
#3B3D69
800
#2E3052
900
#24263D
950
#171826

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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