#555CCE

#555CCE

Color Values

HEX

#555CCE

RGB

85, 92, 206

HSL

236.5, 55.3%, 57.1%

HSV

236.5, 58.7%, 80.8%

CMYK

58.7%, 55.3%, 0.0%, 19.2%

OKLCH

0.532 0.1734 276.1

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#555CCE

#CEC755

Analogous

#5599CE

#8B55CE

#555CCE

Triadic

#555CCE

#CE555C

#5CCE55

Split Complementary

#555CCE

#CE8B55

#99CE55

Tetradic

#555CCE

#CE5599

#CEC755

#55CE8B

Color Blindness Simulation

Original

#555CCE

Protanopia

#5858B2

Deuteranopia

#5857AC

Tritanopia

#559D98

Achromatopsia

#636363

CSS Usage

background-color: #555CCE;
color: #555CCE;
border-color: #555CCE;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C8CAEF
300
#A0A4E4
400
#6C73D5
500
#3941C6
600
#2E349E
700
#242A7F
800
#1C2163
900
#181B49
950
#0F112E

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026