#408176

#408176

Color Values

HEX

#408176

RGB

64, 129, 118

HSL

169.8, 33.7%, 37.8%

HSV

169.8, 50.4%, 50.6%

CMYK

50.4%, 0.0%, 8.5%, 49.4%

OKLCH

0.557 0.0692 181.3

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#408176

#81404B

Analogous

#408155

#406B81

#408176

Triadic

#408176

#764081

#817640

Split Complementary

#408176

#81406B

#815540

Tetradic

#408176

#554081

#81404B

#6B8140

Color Blindness Simulation

Original

#408176

Protanopia

#5C5D79

Deuteranopia

#585479

Tritanopia

#437B7B

Achromatopsia

#727272

CSS Usage

background-color: #408176;
color: #408176;
border-color: #408176;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE7E3
300
#ADD6CF
400
#81C0B6
500
#55AA9C
600
#44887D
700
#366D64
800
#2A554E
900
#223F3A
950
#152825

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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