#48C540

#48C540

Color Values

HEX

#48C540

RGB

72, 197, 64

HSL

116.4, 53.4%, 51.2%

HSV

116.4, 67.5%, 77.3%

CMYK

63.5%, 0.0%, 67.5%, 22.7%

OKLCH

0.7273 0.2044 142.3

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#48C540

#BD40C5

Analogous

#8BC540

#40C57B

#48C540

Triadic

#48C540

#4048C5

#C54048

Split Complementary

#48C540

#7B40C5

#C5408B

Tetradic

#48C540

#408BC5

#BD40C5

#C57B40

Color Blindness Simulation

Original

#48C540

Protanopia

#7E7F60

Deuteranopia

#776E68

Tritanopia

#4E7A7F

Achromatopsia

#A1A1A1

CSS Usage

background-color: #48C540;
color: #48C540;
border-color: #48C540;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CBEEC8
300
#A5E2A1
400
#74D36E
500
#44C43B
600
#369C30
700
#2B7D26
800
#22621E
900
#1C4819
950
#122D10

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.34:1

AA Pass AAA Pass

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