#417213

#417213

Color Values

HEX

#417213

RGB

65, 114, 19

HSL

90.9, 71.4%, 26.1%

HSV

90.9, 83.3%, 44.7%

CMYK

43.0%, 0.0%, 83.3%, 55.3%

OKLCH

0.4983 0.1326 133.8

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#417213

#441372

Analogous

#717213

#137214

#417213

Triadic

#417213

#134172

#721341

Split Complementary

#417213

#141372

#721371

Tetradic

#417213

#137172

#441372

#721413

Color Blindness Simulation

Original

#417213

Protanopia

#56572A

Deuteranopia

#53502F

Tritanopia

#433C40

Achromatopsia

#616161

CSS Usage

background-color: #417213;
color: #417213;
border-color: #417213;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DBF5C2
300
#C0ED96
400
#9FE45D
500
#7DDB24
600
#64AF1D
700
#508C17
800
#3E6D12
900
#305011
950
#1E320B

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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