#28882F

#28882F

Color Values

HEX

#28882F

RGB

40, 136, 47

HSL

124.4, 54.5%, 34.5%

HSV

124.4, 70.6%, 53.3%

CMYK

70.6%, 0.0%, 65.4%, 46.7%

OKLCH

0.5521 0.1541 144.2

Properties

Cool Light Nearest: RAL 6037 Pure Green

Color Harmonies

Complementary

#28882F

#882881

Analogous

#518828

#28885F

#28882F

Triadic

#28882F

#2F2888

#882F28

Split Complementary

#28882F

#5F2888

#882851

Tetradic

#28882F

#285188

#882881

#885F28

Color Blindness Simulation

Original

#28882F

Protanopia

#525245

Deuteranopia

#4C454A

Tritanopia

#2D5659

Achromatopsia

#6D6D6D

CSS Usage

background-color: #28882F;
color: #28882F;
border-color: #28882F;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF4
100
#E5F5E6
200
#C8EFCB
300
#A0E3A5
400
#6DD475
500
#3AC544
600
#2E9E37
700
#257E2C
800
#1D6222
900
#19481C
950
#102E12

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass 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