#48F962

#48F962

Color Values

HEX

#48F962

RGB

72, 249, 98

HSL

128.8, 93.7%, 62.9%

HSV

128.8, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 60.6%, 2.4%

OKLCH

0.8636 0.2405 145.3

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#48F962

#F948DF

Analogous

#86F948

#48F9BA

#48F962

Triadic

#48F962

#6248F9

#F96248

Split Complementary

#48F962

#BA48F9

#F94886

Tetradic

#48F962

#4886F9

#F948DF

#F9BA48

Color Blindness Simulation

Original

#48F962

Protanopia

#959686

Deuteranopia

#8A7D8F

Tritanopia

#51A3AA

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE3
200
#BAFDC4
300
#88FB99
400
#48F962
500
#08F72B
600
#06C622
700
#059E1C
800
#047B16
900
#085914
950
#05380C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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