#418E65

#418E65

Color Values

HEX

#418E65

RGB

65, 142, 101

HSL

148.1, 37.2%, 40.6%

HSV

148.1, 54.2%, 55.7%

CMYK

54.2%, 0.0%, 28.9%, 44.3%

OKLCH

0.5864 0.0999 157.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#418E65

#8E416A

Analogous

#438E41

#418E8C

#418E65

Triadic

#418E65

#65418E

#8E6541

Split Complementary

#418E65

#8C418E

#8E4143

Tetradic

#418E65

#41438E

#8E416A

#8E8C41

Color Blindness Simulation

Original

#418E65

Protanopia

#62636F

Deuteranopia

#5E5871

Tritanopia

#457778

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE9DA
300
#ABD9C0
400
#7EC49E
500
#50AF7C
600
#408C64
700
#337050
800
#28573E
900
#20412F
950
#14291E

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026