#405F18

#405F18

Color Values

HEX

#405F18

RGB

64, 95, 24

HSL

86.2, 59.7%, 23.3%

HSV

86.2, 74.7%, 37.3%

CMYK

32.6%, 0.0%, 74.7%, 62.7%

OKLCH

0.4457 0.1042 130.2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#405F18

#37185F

Analogous

#5F5A18

#1C5F18

#405F18

Triadic

#405F18

#18405F

#5F1840

Split Complementary

#405F18

#181C5F

#5A185F

Tetradic

#405F18

#185F5A

#37185F

#5F181C

Color Blindness Simulation

Original

#405F18

Protanopia

#4D4E29

Deuteranopia

#4C492D

Tritanopia

#42373A

Achromatopsia

#535353

CSS Usage

background-color: #405F18;
color: #405F18;
border-color: #405F18;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DEF1C6
300
#C6E69D
400
#A8D968
500
#89CC33
600
#6EA329
700
#588221
800
#45661A
900
#344A16
950
#212F0E

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026