#406356

#406356

Color Values

HEX

#406356

RGB

64, 99, 86

HSL

157.7, 21.5%, 32.0%

HSV

157.7, 35.4%, 38.8%

CMYK

35.4%, 0.0%, 13.1%, 61.2%

OKLCH

0.4688 0.0458 169.0

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#406356

#63404D

Analogous

#406345

#405F63

#406356

Triadic

#406356

#564063

#635640

Split Complementary

#406356

#63405F

#634540

Tetradic

#406356

#454063

#63404D

#5F6340

Color Blindness Simulation

Original

#406356

Protanopia

#4F4F59

Deuteranopia

#4D4A5A

Tritanopia

#425C5C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DD
300
#B5CFC5
400
#8CB5A6
500
#649B87
600
#507C6C
700
#406356
800
#324D43
900
#273A33
950
#192520

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026