#284716

#284716

Color Values

HEX

#284716

RGB

40, 71, 22

HSL

98.0, 52.7%, 18.2%

HSV

98.0, 69.0%, 27.8%

CMYK

43.7%, 0.0%, 69.0%, 72.2%

OKLCH

0.3614 0.084 135.8

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#284716

#351647

Analogous

#404716

#16471C

#284716

Triadic

#284716

#162847

#471628

Split Complementary

#284716

#1C1647

#471640

Tetradic

#284716

#164047

#351647

#471C16

Color Blindness Simulation

Original

#284716

Protanopia

#353622

Deuteranopia

#343125

Tritanopia

#2A2B2D

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EBF5E5
200
#D6EEC8
300
#B9E2A2
400
#93D26F
500
#6EC33C
600
#589C30
700
#467D27
800
#37611E
900
#2A4719
950
#1B2D10

Contrast Checker

Text on white

10.48:1

AA Pass AAA Pass

Text on black

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