#20400F

#20400F

Color Values

HEX

#20400F

RGB

32, 64, 15

HSL

99.2, 62.0%, 15.5%

HSV

99.2, 76.6%, 25.1%

CMYK

50.0%, 0.0%, 76.6%, 74.9%

OKLCH

0.3348 0.0843 136.7

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#20400F

#2F0F40

Analogous

#39400F

#0F4017

#20400F

Triadic

#20400F

#0F2040

#400F20

Split Complementary

#20400F

#170F40

#400F39

Tetradic

#20400F

#0F3940

#2F0F40

#40170F

Color Blindness Simulation

Original

#20400F

Protanopia

#2E2E1B

Deuteranopia

#2C2A1E

Tritanopia

#222426

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#EAF7E4
200
#D5F1C5
300
#B6E89C
400
#8FDB66
500
#67CF30
600
#53A527
700
#42841F
800
#346718
900
#284B15
950
#19300E

Contrast Checker

Text on white

11.66:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026