#466671

#466671

Color Values

HEX

#466671

RGB

70, 102, 113

HSL

195.3, 23.5%, 35.9%

HSV

195.3, 38.1%, 44.3%

CMYK

38.1%, 9.7%, 0.0%, 55.7%

OKLCH

0.4898 0.041 221.3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#466671

#715146

Analogous

#467167

#465171

#466671

Triadic

#466671

#714666

#667146

Split Complementary

#466671

#714651

#716746

Tetradic

#466671

#674671

#715146

#517146

Color Blindness Simulation

Original

#466671

Protanopia

#54546E

Deuteranopia

#52506E

Tritanopia

#486C6C

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3DFE4
300
#B3C9D0
400
#8AACB7
500
#628E9D
600
#4E727E
700
#3E5B65
800
#31474F
900
#26353B
950
#182225

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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