#48A552

#48A552

Color Values

HEX

#48A552

RGB

72, 165, 82

HSL

126.5, 39.2%, 46.5%

HSV

126.5, 56.4%, 64.7%

CMYK

56.4%, 0.0%, 50.3%, 35.3%

OKLCH

0.6458 0.1487 145.6

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#48A552

#A5489B

Analogous

#6DA548

#48A581

#48A552

Triadic

#48A552

#5248A5

#A55248

Split Complementary

#48A552

#8148A5

#A5486D

Tetradic

#48A552

#486DA5

#A5489B

#A58148

Color Blindness Simulation

Original

#48A552

Protanopia

#707166

Deuteranopia

#6B646B

Tritanopia

#4D7679

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9D0
300
#AADAAF
400
#7CC684
500
#4EB158
600
#3E8E47
700
#327239
800
#27592C
900
#1F4223
950
#142916

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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