#658EBC

#658EBC

Color Values

HEX

#658EBC

RGB

101, 142, 188

HSL

211.7, 39.4%, 56.7%

HSV

211.7, 46.3%, 73.7%

CMYK

46.3%, 24.5%, 0.0%, 26.3%

OKLCH

0.6351 0.0832 252.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#658EBC

#BC9365

Analogous

#65BABC

#6865BC

#658EBC

Triadic

#658EBC

#BC658E

#8EBC65

Split Complementary

#658EBC

#BC6865

#BABC65

Tetradic

#658EBC

#BC65BA

#BC9365

#65BC68

Color Blindness Simulation

Original

#658EBC

Protanopia

#7777B1

Deuteranopia

#7471AE

Tritanopia

#67A8A6

Achromatopsia

#898989

CSS Usage

background-color: #658EBC;
color: #658EBC;
border-color: #658EBC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBE9
300
#AAC0DA
400
#7B9FC6
500
#4D7DB2
600
#3E648E
700
#315072
800
#273E59
900
#1F2F42
950
#141E29

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026