#022802

#022802

Color Values

HEX

#022802

RGB

2, 40, 2

HSL

120.0, 90.5%, 8.2%

HSV

120.0, 95.0%, 15.7%

CMYK

95.0%, 0.0%, 95.0%, 84.3%

OKLCH

0.2411 0.0777 142.7

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#022802

#280228

Analogous

#152802

#022815

#022802

Triadic

#022802

#020228

#280202

Split Complementary

#022802

#150228

#280215

Tetradic

#022802

#021528

#280228

#281502

Color Blindness Simulation

Original

#022802

Protanopia

#12130B

Deuteranopia

#100D0D

Tritanopia

#041214

Achromatopsia

#1D1D1D

CSS Usage

background-color: #022802;
color: #022802;
border-color: #022802;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F1FDF1
100
#DFFBDF
200
#BBFCBB
300
#8AF98A
400
#4BF64B
500
#0CF30C
600
#0AC20A
700
#089B08
800
#067906
900
#095809
950
#063806

Contrast Checker

Text on white

16.07:1

AA Pass AAA Pass

Text on black

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