#48B76F

#48B76F

Color Values

HEX

#48B76F

RGB

72, 183, 111

HSL

141.1, 43.5%, 50.0%

HSV

141.1, 60.7%, 71.8%

CMYK

60.7%, 0.0%, 39.3%, 28.2%

OKLCH

0.6975 0.1463 152.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#48B76F

#B74890

Analogous

#58B748

#48B7A7

#48B76F

Triadic

#48B76F

#6F48B7

#B76F48

Split Complementary

#48B76F

#A748B7

#B74858

Tetradic

#48B76F

#4858B7

#B74890

#B7A748

Color Blindness Simulation

Original

#48B76F

Protanopia

#787980

Deuteranopia

#726985

Tritanopia

#4E8E91

Achromatopsia

#9A9A9A

CSS Usage

background-color: #48B76F;
color: #48B76F;
border-color: #48B76F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F4EB
200
#CCEBD7
300
#A7DCBA
400
#78CA94
500
#48B76F
600
#3A9259
700
#2E7547
800
#245B38
900
#1D432B
950
#132B1B

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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