#466164

#466164

Color Values

HEX

#466164

RGB

70, 97, 100

HSL

186.0, 17.6%, 33.3%

HSV

186.0, 30.0%, 39.2%

CMYK

30.0%, 3.0%, 0.0%, 60.8%

OKLCH

0.4723 0.0323 204.7

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#466164

#644946

Analogous

#466458

#465264

#466164

Triadic

#466164

#644661

#616446

Split Complementary

#466164

#644652

#645846

Tetradic

#466164

#584664

#644946

#526446

Color Blindness Simulation

Original

#466164

Protanopia

#525263

Deuteranopia

#504E63

Tritanopia

#476363

Achromatopsia

#5B5B5B

CSS Usage

background-color: #466164;
color: #466164;
border-color: #466164;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90AEB1
500
#699196
600
#547478
700
#435D60
800
#35494B
900
#293738
950
#1A2223

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

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