#406318

#406318

Color Values

HEX

#406318

RGB

64, 99, 24

HSL

88.0, 61.0%, 24.1%

HSV

88.0, 75.8%, 38.8%

CMYK

35.4%, 0.0%, 75.8%, 61.2%

OKLCH

0.4567 0.1099 131.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#406318

#3B1863

Analogous

#636018

#1A6318

#406318

Triadic

#406318

#184063

#631840

Split Complementary

#406318

#181A63

#601863

Tetradic

#406318

#186360

#3B1863

#63181A

Color Blindness Simulation

Original

#406318

Protanopia

#4F4F2A

Deuteranopia

#4D4A2E

Tritanopia

#42383C

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DDF1C6
300
#C4E79C
400
#A4DA67
500
#85CD32
600
#6AA428
700
#558320
800
#426719
900
#324B16
950
#202F0E

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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