#658690

#658690

Color Values

HEX

#658690

RGB

101, 134, 144

HSL

194.0, 17.6%, 48.0%

HSV

194.0, 29.9%, 56.5%

CMYK

29.9%, 6.9%, 0.0%, 43.5%

OKLCH

0.5986 0.0402 218.4

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#658690

#906F65

Analogous

#659084

#657090

#658690

Triadic

#658690

#906586

#869065

Split Complementary

#658690

#906570

#908465

Tetradic

#658690

#846590

#906F65

#709065

Color Blindness Simulation

Original

#658690

Protanopia

#73748E

Deuteranopia

#716F8D

Tritanopia

#678C8B

Achromatopsia

#808080

CSS Usage

background-color: #658690;
color: #658690;
border-color: #658690;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5DFE2
300
#B7C8CD
400
#90AAB1
500
#698B96
600
#547078
700
#435960
800
#35464B
900
#293538
950
#1A2123

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026