#48BF4F

#48BF4F

Color Values

HEX

#48BF4F

RGB

72, 191, 79

HSL

123.5, 48.2%, 51.6%

HSV

123.5, 62.3%, 74.9%

CMYK

62.3%, 0.0%, 58.6%, 25.1%

OKLCH

0.7133 0.1859 144.3

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#48BF4F

#BF48B8

Analogous

#7DBF48

#48BF8B

#48BF4F

Triadic

#48BF4F

#4F48BF

#BF4F48

Split Complementary

#48BF4F

#8B48BF

#BF487D

Tetradic

#48BF4F

#487DBF

#BF48B8

#BF8B48

Color Blindness Simulation

Original

#48BF4F

Protanopia

#7C7D6A

Deuteranopia

#756C71

Tritanopia

#4E8084

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CAEDCC
300
#A4DFA8
400
#73CE78
500
#42BD49
600
#35973B
700
#2A792F
800
#215E25
900
#1B451E
950
#112C13

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.84:1

AA Pass AAA Pass

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