#659FA4

#659FA4

Color Values

HEX

#659FA4

RGB

101, 159, 164

HSL

184.8, 25.7%, 52.0%

HSV

184.8, 38.4%, 64.3%

CMYK

38.4%, 3.0%, 0.0%, 35.7%

OKLCH

0.6645 0.061 202.8

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#659FA4

#A46A65

Analogous

#65A48A

#6580A4

#659FA4

Triadic

#659FA4

#A4659F

#9FA465

Split Complementary

#659FA4

#A46580

#A48A65

Tetradic

#659FA4

#8A65A4

#A46A65

#80A465

Color Blindness Simulation

Original

#659FA4

Protanopia

#7E7FA3

Deuteranopia

#7B76A2

Tritanopia

#68A2A2

Achromatopsia

#939393

CSS Usage

background-color: #659FA4;
color: #659FA4;
border-color: #659FA4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E4
300
#B2CFD2
400
#88B5B9
500
#5F9BA0
600
#4C7C80
700
#3D6367
800
#2F4E50
900
#253A3C
950
#182526

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

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