#284D02

#284D02

Color Values

HEX

#284D02

RGB

40, 77, 2

HSL

89.6, 94.9%, 15.5%

HSV

89.6, 97.4%, 30.2%

CMYK

48.1%, 0.0%, 97.4%, 69.8%

OKLCH

0.3776 0.1065 133.9

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#284D02

#27024D

Analogous

#4D4D02

#034D02

#284D02

Triadic

#284D02

#02284D

#4D0228

Split Complementary

#284D02

#02034D

#4D024D

Tetradic

#284D02

#024D4D

#27024D

#4D0203

Color Blindness Simulation

Original

#284D02

Protanopia

#383814

Deuteranopia

#363318

Tritanopia

#2A2226

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EDFCDF
200
#DCFDB9
300
#C3FC88
400
#A2FA47
500
#81F807
600
#67C705
700
#539F04
800
#417C03
900
#315A07
950
#1F3904

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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