#404017

#404017

Color Values

HEX

#404017

RGB

64, 64, 23

HSL

60.0, 47.1%, 17.1%

HSV

60.0, 64.1%, 25.1%

CMYK

0.0%, 0.0%, 64.1%, 74.9%

OKLCH

0.3616 0.0602 109.1

Properties

Warm Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#404017

#171740

Analogous

#402C17

#2C4017

#404017

Triadic

#404017

#174040

#401740

Split Complementary

#404017

#172C40

#2C1740

Tetradic

#404017

#17402C

#171740

#40172C

Color Blindness Simulation

Original

#404017

Protanopia

#404021

Deuteranopia

#404023

Tritanopia

#40292A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECECCA
300
#DFDFA5
400
#CDCD74
500
#BCBC43
600
#969636
700
#78782B
800
#5E5E22
900
#45451C
950
#2C2C12

Contrast Checker

Text on white

10.69:1

AA Pass AAA Pass

Text on black

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