#404700

#404700

Color Values

HEX

#404700

RGB

64, 71, 0

HSL

65.9, 100.0%, 13.9%

HSV

65.9, 100.0%, 27.8%

CMYK

9.9%, 0.0%, 100.0%, 72.2%

OKLCH

0.3784 0.0865 116.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#404700

#070047

Analogous

#472A00

#1C4700

#404700

Triadic

#404700

#004047

#470040

Split Complementary

#404700

#001C47

#2A0047

Tetradic

#404700

#00472A

#070047

#47001C

Color Blindness Simulation

Original

#404700

Protanopia

#434311

Deuteranopia

#434215

Tritanopia

#401F22

Achromatopsia

#404040

CSS Usage

background-color: #404700;
color: #404700;
border-color: #404700;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FDFEF1
100
#F9FCDE
200
#F8FFB8
300
#F3FF85
400
#ECFF42
500
#E6FF00
600
#B8CC00
700
#93A300
800
#738000
900
#535C05
950
#353A03

Contrast Checker

Text on white

9.91:1

AA Pass AAA Pass

Text on black

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