#417556

#417556

Color Values

HEX

#417556

RGB

65, 117, 86

HSL

144.2, 28.6%, 35.7%

HSV

144.2, 44.4%, 45.9%

CMYK

44.4%, 0.0%, 26.5%, 54.1%

OKLCH

0.5167 0.0751 156.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#417556

#754160

Analogous

#467541

#417570

#417556

Triadic

#417556

#564175

#755641

Split Complementary

#417556

#704175

#754146

Tetradic

#417556

#414675

#754160

#757041

Color Blindness Simulation

Original

#417556

Protanopia

#58585D

Deuteranopia

#54515F

Tritanopia

#446365

Achromatopsia

#686868

CSS Usage

background-color: #417556;
color: #417556;
border-color: #417556;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F7
100
#E9F1EC
200
#D1E6D9
300
#B0D3BE
400
#86BC9B
500
#5BA478
600
#498360
700
#3A694D
800
#2E523C
900
#243D2E
950
#17261D

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.9:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026