#308C28

#308C28

Color Values

HEX

#308C28

RGB

48, 140, 40

HSL

115.2, 55.6%, 35.3%

HSV

115.2, 71.4%, 54.9%

CMYK

65.7%, 0.0%, 71.4%, 45.1%

OKLCH

0.5648 0.1613 142.0

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#308C28

#84288C

Analogous

#628C28

#288C52

#308C28

Triadic

#308C28

#28308C

#8C2830

Split Complementary

#308C28

#52288C

#8C2862

Tetradic

#308C28

#28628C

#84288C

#8C5228

Color Blindness Simulation

Original

#308C28

Protanopia

#585940

Deuteranopia

#524C46

Tritanopia

#355358

Achromatopsia

#717171

CSS Usage

background-color: #308C28;
color: #308C28;
border-color: #308C28;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF4
100
#E6F6E5
200
#CBEFC7
300
#A5E4A0
400
#75D56C
500
#44C639
600
#369F2D
700
#2B7F24
800
#22631C
900
#1C4918
950
#122E0F

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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