#466D85

#466D85

Color Values

HEX

#466D85

RGB

70, 109, 133

HSL

202.9, 31.0%, 39.8%

HSV

202.9, 47.4%, 52.2%

CMYK

47.4%, 18.0%, 0.0%, 47.8%

OKLCH

0.5155 0.0582 236.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#466D85

#855E46

Analogous

#46857E

#464D85

#466D85

Triadic

#466D85

#85466D

#6D8546

Split Complementary

#466D85

#85464D

#857E46

Tetradic

#466D85

#7E4685

#855E46

#4D8546

Color Blindness Simulation

Original

#466D85

Protanopia

#57577F

Deuteranopia

#55527E

Tritanopia

#487B7A

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE6
300
#AFC6D5
400
#83A8BE
500
#5889A7
600
#466D86
700
#38586B
800
#2C4454
900
#23343E
950
#162127

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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