#404107

#404107

Color Values

HEX

#404107

RGB

64, 65, 7

HSL

61.0, 80.6%, 14.1%

HSV

61.0, 89.2%, 25.5%

CMYK

1.5%, 0.0%, 89.2%, 74.5%

OKLCH

0.3628 0.0747 110.6

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#404107

#080741

Analogous

#412507

#234107

#404107

Triadic

#404107

#074041

#410740

Split Complementary

#404107

#072341

#250741

Tetradic

#404107

#074125

#080741

#410723

Color Blindness Simulation

Original

#404107

Protanopia

#404015

Deuteranopia

#404018

Tritanopia

#402023

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9F9E1
200
#F7F8BF
300
#F1F390
400
#EAED55
500
#E3E619
600
#B5B814
700
#919310
800
#71730C
900
#52540D
950
#343508

Contrast Checker

Text on white

10.62:1

AA Pass AAA Pass

Text on black

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