#409372

#409372

Color Values

HEX

#409372

RGB

64, 147, 114

HSL

156.1, 39.3%, 41.4%

HSV

156.1, 56.5%, 57.6%

CMYK

56.5%, 0.0%, 22.4%, 42.4%

OKLCH

0.6023 0.0962 164.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#409372

#934061

Analogous

#409349

#408B93

#409372

Triadic

#409372

#724093

#937240

Split Complementary

#409372

#93408B

#934940

Tetradic

#409372

#494093

#934061

#8B9340

Color Blindness Simulation

Original

#409372

Protanopia

#64657A

Deuteranopia

#5F597C

Tritanopia

#448082

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDE9DE
300
#AADAC7
400
#7CC6A8
500
#4DB28A
600
#3E8E6E
700
#327258
800
#275945
900
#1F4234
950
#142921

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026