#407104

#407104

Color Values

HEX

#407104

RGB

64, 113, 4

HSL

87.0, 93.2%, 22.9%

HSV

87.0, 96.5%, 44.3%

CMYK

43.4%, 0.0%, 96.5%, 55.7%

OKLCH

0.4944 0.1377 133.1

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#407104

#350471

Analogous

#716B04

#097104

#407104

Triadic

#407104

#044071

#710440

Split Complementary

#407104

#040971

#6B0471

Tetradic

#407104

#04716B

#350471

#710409

Color Blindness Simulation

Original

#407104

Protanopia

#55561E

Deuteranopia

#524F25

Tritanopia

#423338

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#DFFDBA
300
#C8FB89
400
#A9F949
500
#8BF609
600
#70C507
700
#599E06
800
#467B04
900
#355908
950
#213805

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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