#406B58

#406B58

Color Values

HEX

#406B58

RGB

64, 107, 88

HSL

153.5, 25.1%, 33.5%

HSV

153.5, 40.2%, 42.0%

CMYK

40.2%, 0.0%, 17.8%, 58.0%

OKLCH

0.4903 0.0573 164.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#406B58

#6B4053

Analogous

#406B42

#40686B

#406B58

Triadic

#406B58

#58406B

#6B5840

Split Complementary

#406B58

#6B4068

#6B4240

Tetradic

#406B58

#42406B

#6B4053

#686B40

Color Blindness Simulation

Original

#406B58

Protanopia

#53535D

Deuteranopia

#504D5E

Tritanopia

#426061

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DC
300
#B2D1C4
400
#89B8A3
500
#5FA083
600
#4C8069
700
#3D6654
800
#305042
900
#263B32
950
#18261F

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026