#407213

#407213

Color Values

HEX

#407213

RGB

64, 114, 19

HSL

91.6, 71.4%, 26.1%

HSV

91.6, 83.3%, 44.7%

CMYK

43.9%, 0.0%, 83.3%, 55.3%

OKLCH

0.4978 0.1332 134.2

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#407213

#451372

Analogous

#707213

#137216

#407213

Triadic

#407213

#134072

#721340

Split Complementary

#407213

#161372

#721370

Tetradic

#407213

#137072

#451372

#721613

Color Blindness Simulation

Original

#407213

Protanopia

#56562A

Deuteranopia

#534F2F

Tritanopia

#423C40

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DAF5C2
300
#BFED96
400
#9DE45D
500
#7BDB24
600
#62AF1D
700
#4E8C17
800
#3D6D12
900
#2F5011
950
#1E320B

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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