#308222

#308222

Color Values

HEX

#308222

RGB

48, 130, 34

HSL

111.2, 58.5%, 32.2%

HSV

111.2, 73.8%, 51.0%

CMYK

63.1%, 0.0%, 73.8%, 49.0%

OKLCH

0.5364 0.1528 141.0

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#308222

#742282

Analogous

#608222

#228244

#308222

Triadic

#308222

#223082

#822230

Split Complementary

#308222

#442282

#822260

Tetradic

#308222

#226082

#742282

#824422

Color Blindness Simulation

Original

#308222

Protanopia

#545439

Deuteranopia

#4F493F

Tritanopia

#344C50

Achromatopsia

#6A6A6A

CSS Usage

background-color: #308222;
color: #308222;
border-color: #308222;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F5FBF4
100
#E7F6E4
200
#CDF0C6
300
#A8E69E
400
#7AD869
500
#4BCA35
600
#3CA22A
700
#308122
800
#25651A
900
#1E4A17
950
#132F0E

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026