#418D6F

#418D6F

Color Values

HEX

#418D6F

RGB

65, 141, 111

HSL

156.3, 36.9%, 40.4%

HSV

156.3, 53.9%, 55.3%

CMYK

53.9%, 0.0%, 21.3%, 44.7%

OKLCH

0.5863 0.0894 165.1

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#418D6F

#8D415F

Analogous

#418D49

#41858D

#418D6F

Triadic

#418D6F

#6F418D

#8D6F41

Split Complementary

#418D6F

#8D4185

#8D4941

Tetradic

#418D6F

#49418D

#8D415F

#858D41

Color Blindness Simulation

Original

#418D6F

Protanopia

#626376

Deuteranopia

#5E5878

Tritanopia

#457C7D

Achromatopsia

#7B7B7B

CSS Usage

background-color: #418D6F;
color: #418D6F;
border-color: #418D6F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ABD8C7
400
#7EC3A8
500
#50AF89
600
#408C6E
700
#337058
800
#285745
900
#204134
950
#142921

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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