#466983

#466983

Color Values

HEX

#466983

RGB

70, 105, 131

HSL

205.6, 30.3%, 39.4%

HSV

205.6, 46.6%, 51.4%

CMYK

46.6%, 19.8%, 0.0%, 48.6%

OKLCH

0.5049 0.0579 241.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#466983

#836046

Analogous

#46837E

#464A83

#466983

Triadic

#466983

#834669

#698346

Split Complementary

#466983

#83464A

#837E46

Tetradic

#466983

#7E4683

#836046

#4A8346

Color Blindness Simulation

Original

#466983

Protanopia

#55557D

Deuteranopia

#53507B

Tritanopia

#487877

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DDE6
300
#AFC5D4
400
#84A5BD
500
#5985A6
600
#476B85
700
#39556A
800
#2C4353
900
#23323E
950
#162027

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail 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