#466873

#466873

Color Values

HEX

#466873

RGB

70, 104, 115

HSL

194.7, 24.3%, 36.3%

HSV

194.7, 39.1%, 45.1%

CMYK

39.1%, 9.6%, 0.0%, 54.9%

OKLCH

0.4956 0.0428 220.1

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#466873

#735146

Analogous

#467368

#465273

#466873

Triadic

#466873

#734668

#687346

Split Complementary

#466873

#734652

#736846

Tetradic

#466873

#684673

#735146

#527346

Color Blindness Simulation

Original

#466873

Protanopia

#555570

Deuteranopia

#535070

Tritanopia

#486E6E

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D3E0E4
300
#B3C9D1
400
#8AACB8
500
#618F9E
600
#4D737F
700
#3E5C65
800
#30484F
900
#26363B
950
#182225

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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