#407304

#407304

Color Values

HEX

#407304

RGB

64, 115, 4

HSL

87.6, 93.3%, 23.3%

HSV

87.6, 96.5%, 45.1%

CMYK

44.3%, 0.0%, 96.5%, 54.9%

OKLCH

0.4999 0.1402 133.4

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#407304

#370473

Analogous

#736E04

#087304

#407304

Triadic

#407304

#044073

#730440

Split Complementary

#407304

#040873

#6E0473

Tetradic

#407304

#04736E

#370473

#730408

Color Blindness Simulation

Original

#407304

Protanopia

#56571F

Deuteranopia

#534F25

Tritanopia

#433439

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C6FB89
400
#A8F949
500
#89F609
600
#6EC507
700
#589E05
800
#457B04
900
#345908
950
#213805

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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