#406663

#406663

Color Values

HEX

#406663

RGB

64, 102, 99

HSL

175.3, 22.9%, 32.5%

HSV

175.3, 37.3%, 40.0%

CMYK

37.3%, 0.0%, 2.9%, 60.0%

OKLCH

0.4809 0.0435 189.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#406663

#664043

Analogous

#406650

#405666

#406663

Triadic

#406663

#634066

#666340

Split Complementary

#406663

#664056

#665040

Tetradic

#406663

#504066

#664043

#566640

Color Blindness Simulation

Original

#406663

Protanopia

#505164

Deuteranopia

#4E4B64

Tritanopia

#426464

Achromatopsia

#5E5E5E

CSS Usage

background-color: #406663;
color: #406663;
border-color: #406663;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F9
100
#EAF1F0
200
#D3E3E2
300
#B4D0CE
400
#8BB6B3
500
#629D98
600
#4F7D7A
700
#3F6461
800
#314E4C
900
#263A39
950
#182524

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026