#48A352

#48A352

Color Values

HEX

#48A352

RGB

72, 163, 82

HSL

126.6, 38.7%, 46.1%

HSV

126.6, 55.8%, 63.9%

CMYK

55.8%, 0.0%, 49.7%, 36.1%

OKLCH

0.6405 0.1459 145.7

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#48A352

#A34899

Analogous

#6CA348

#48A380

#48A352

Triadic

#48A352

#5248A3

#A35248

Split Complementary

#48A352

#8048A3

#A3486C

Tetradic

#48A352

#486CA3

#A34899

#A38048

Color Blindness Simulation

Original

#48A352

Protanopia

#6F7066

Deuteranopia

#6A636A

Tritanopia

#4D7578

Achromatopsia

#8A8A8A

CSS Usage

background-color: #48A352;
color: #48A352;
border-color: #48A352;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CDE9D1
300
#AAD9AF
400
#7CC584
500
#4EB159
600
#3F8D47
700
#327139
800
#27582D
900
#204123
950
#142916

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.64:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026