#48A653

#48A653

Color Values

HEX

#48A653

RGB

72, 166, 83

HSL

127.0, 39.5%, 46.7%

HSV

127.0, 56.6%, 65.1%

CMYK

56.6%, 0.0%, 50.0%, 34.9%

OKLCH

0.6485 0.1492 145.8

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#48A653

#A6489B

Analogous

#6CA648

#48A682

#48A653

Triadic

#48A653

#5348A6

#A65348

Split Complementary

#48A653

#8248A6

#A6486C

Tetradic

#48A653

#486CA6

#A6489B

#A68248

Color Blindness Simulation

Original

#48A653

Protanopia

#717267

Deuteranopia

#6B646C

Tritanopia

#4D777A

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CDE9D0
300
#AADAAF
400
#7BC684
500
#4DB259
600
#3E8E47
700
#317239
800
#27592C
900
#1F4223
950
#142916

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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