#404216

#404216

Color Values

HEX

#404216

RGB

64, 66, 22

HSL

62.7, 50.0%, 17.3%

HSV

62.7, 66.7%, 25.9%

CMYK

3.0%, 0.0%, 66.7%, 74.1%

OKLCH

0.3668 0.0639 111.6

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#404216

#181642

Analogous

#422E16

#2A4216

#404216

Triadic

#404216

#164042

#421640

Split Complementary

#404216

#162A42

#2E1642

Tetradic

#404216

#16422E

#181642

#42162A

Color Blindness Simulation

Original

#404216

Protanopia

#414121

Deuteranopia

#414123

Tritanopia

#40292B

Achromatopsia

#3E3E3E

CSS Usage

background-color: #404216;
color: #404216;
border-color: #404216;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#ECEDC9
300
#DEE0A3
400
#CCD071
500
#BABF40
600
#949933
700
#777A29
800
#5D6020
900
#44461B
950
#2B2C11

Contrast Checker

Text on white

10.45:1

AA Pass AAA Pass

Text on black

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