#658AA3

#658AA3

Color Values

HEX

#658AA3

RGB

101, 138, 163

HSL

204.2, 25.2%, 51.8%

HSV

204.2, 38.0%, 63.9%

CMYK

38.0%, 15.3%, 0.0%, 36.1%

OKLCH

0.6152 0.0561 238.4

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#658AA3

#A37E65

Analogous

#65A39D

#656BA3

#658AA3

Triadic

#658AA3

#A3658A

#8AA365

Split Complementary

#658AA3

#A3656B

#A39D65

Tetradic

#658AA3

#9D65A3

#A37E65

#6BA365

Color Blindness Simulation

Original

#658AA3

Protanopia

#75759D

Deuteranopia

#73709C

Tritanopia

#679897

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE4
300
#B2C5D1
400
#89A5B8
500
#5F86A0
600
#4C6B80
700
#3D5666
800
#304350
900
#25333B
950
#182026

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.72: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