#417F5E

#417F5E

Color Values

HEX

#417F5E

RGB

65, 127, 94

HSL

148.1, 32.3%, 37.6%

HSV

148.1, 48.8%, 49.8%

CMYK

48.8%, 0.0%, 26.0%, 50.2%

OKLCH

0.5452 0.0834 158.7

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#417F5E

#7F4162

Analogous

#437F41

#417F7D

#417F5E

Triadic

#417F5E

#5E417F

#7F5E41

Split Complementary

#417F5E

#7D417F

#7F4143

Tetradic

#417F5E

#41437F

#7F4162

#7F7D41

Color Blindness Simulation

Original

#417F5E

Protanopia

#5C5C66

Deuteranopia

#585468

Tritanopia

#446C6E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E7DB
300
#AED6C1
400
#82BF9F
500
#56A97D
600
#458764
700
#376C50
800
#2B543E
900
#223F30
950
#16271E

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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