#407D57

#407D57

Color Values

HEX

#407D57

RGB

64, 125, 87

HSL

142.6, 32.3%, 37.1%

HSV

142.6, 48.8%, 49.0%

CMYK

48.8%, 0.0%, 30.4%, 51.0%

OKLCH

0.5377 0.0878 154.8

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#407D57

#7D4066

Analogous

#487D40

#407D76

#407D57

Triadic

#407D57

#57407D

#7D5740

Split Complementary

#407D57

#76407D

#7D4048

Tetradic

#407D57

#40487D

#7D4066

#7D7640

Color Blindness Simulation

Original

#407D57

Protanopia

#5A5B60

Deuteranopia

#575262

Tritanopia

#436769

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E7D8
300
#AED6BD
400
#82BF99
500
#56A975
600
#45875E
700
#376C4B
800
#2B543B
900
#223F2D
950
#16271C

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

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