#558BEC

#558BEC

Color Values

HEX

#558BEC

RGB

85, 139, 236

HSL

218.5, 79.9%, 62.9%

HSV

218.5, 64.0%, 92.5%

CMYK

64.0%, 41.1%, 0.0%, 7.5%

OKLCH

0.6457 0.1566 261.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#558BEC

#ECB655

Analogous

#55D7EC

#6A55EC

#558BEC

Triadic

#558BEC

#EC558B

#8BEC55

Split Complementary

#558BEC

#EC6A55

#D7EC55

Tetradic

#558BEC

#EC55D7

#ECB655

#55EC6A

Color Blindness Simulation

Original

#558BEC

Protanopia

#6C6DD5

Deuteranopia

#6965CF

Tritanopia

#58C2BE

Achromatopsia

#878787

CSS Usage

background-color: #558BEC;
color: #558BEC;
border-color: #558BEC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BFD3F8
300
#91B4F3
400
#558BEC
500
#1A63E5
600
#154FB7
700
#103F93
800
#0D3173
900
#0E2753
950
#091835

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass 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