#658CB5

#658CB5

Color Values

HEX

#658CB5

RGB

101, 140, 181

HSL

210.7, 35.1%, 55.3%

HSV

210.7, 44.2%, 71.0%

CMYK

44.2%, 22.7%, 0.0%, 29.0%

OKLCH

0.6275 0.0759 250.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#658CB5

#B58E65

Analogous

#65B4B5

#6665B5

#658CB5

Triadic

#658CB5

#B5658C

#8CB565

Split Complementary

#658CB5

#B56665

#B4B565

Tetradic

#658CB5

#B565B4

#B58E65

#65B566

Color Blindness Simulation

Original

#658CB5

Protanopia

#7676AB

Deuteranopia

#7471A9

Tritanopia

#67A3A2

Achromatopsia

#878787

CSS Usage

background-color: #658CB5;
color: #658CB5;
border-color: #658CB5;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE8
300
#ACC1D7
400
#80A0C2
500
#537EAC
600
#42658A
700
#35516E
800
#293F56
900
#213040
950
#151E28

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026