#418C61

#418C61

Color Values

HEX

#418C61

RGB

65, 140, 97

HSL

145.6, 36.6%, 40.2%

HSV

145.6, 53.6%, 54.9%

CMYK

53.6%, 0.0%, 30.7%, 45.1%

OKLCH

0.5802 0.1007 156.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#418C61

#8C416C

Analogous

#468C41

#418C87

#418C61

Triadic

#418C61

#61418C

#8C6141

Split Complementary

#418C61

#87418C

#8C4146

Tetradic

#418C61

#41468C

#8C416C

#8C8741

Color Blindness Simulation

Original

#418C61

Protanopia

#61626B

Deuteranopia

#5D586E

Tritanopia

#457475

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8D9
300
#ABD8BF
400
#7EC39C
500
#51AE79
600
#418B61
700
#346F4D
800
#28573C
900
#20402E
950
#15291D

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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