#308528

#308528

Color Values

HEX

#308528

RGB

48, 133, 40

HSL

114.8, 53.8%, 33.9%

HSV

114.8, 69.9%, 52.2%

CMYK

63.9%, 0.0%, 69.9%, 47.8%

OKLCH

0.5453 0.1525 141.9

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#308528

#7D2885

Analogous

#5F8528

#28854E

#308528

Triadic

#308528

#283085

#852830

Split Complementary

#308528

#4E2885

#85285F

Tetradic

#308528

#285F85

#7D2885

#854E28

Color Blindness Simulation

Original

#308528

Protanopia

#55563E

Deuteranopia

#504A44

Tritanopia

#345054

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CBEFC8
300
#A7E3A1
400
#77D36E
500
#47C43B
600
#399D2F
700
#2D7E26
800
#23621D
900
#1D4819
950
#122D10

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026