#284306

#284306

Color Values

HEX

#284306

RGB

40, 67, 6

HSL

86.6, 83.6%, 14.3%

HSV

86.6, 91.0%, 26.3%

CMYK

40.3%, 0.0%, 91.0%, 73.7%

OKLCH

0.3481 0.0903 131.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#284306

#210643

Analogous

#433F06

#094306

#284306

Triadic

#284306

#062843

#430628

Split Complementary

#284306

#060943

#3F0643

Tetradic

#284306

#06433F

#210643

#430609

Color Blindness Simulation

Original

#284306

Protanopia

#343415

Deuteranopia

#323018

Tritanopia

#292023

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFAE0
200
#DFF9BD
300
#C8F58F
400
#AAF052
500
#8CEA15
600
#70BB11
700
#59960D
800
#46750A
900
#35550C
950
#213608

Contrast Checker

Text on white

11.08:1

AA Pass AAA Pass

Text on black

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