#48FBA1

#48FBA1

Color Values

HEX

#48FBA1

RGB

72, 251, 161

HSL

149,8, 95,7%, 63,3%

HSV

149,8, 71,3%, 98,4%

CMYK

71,3%, 0,0%, 35,9%, 1,6%

OKLCH

0,878 0,1904 156,3

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#48FBA1

#FB48A2

Analogous

#48FB48

#48FBFA

#48FBA1

Triadic

#48FBA1

#A148FB

#FBA148

Split Complementary

#48FBA1

#FA48FB

#FB4848

Tetradic

#48FBA1

#4848FB

#FB48A2

#FBFA48

Color Blindness Simulation

Original

#48FBA1

Protanopia

#9697B7

Deuteranopia

#8B7EBC

Tritanopia

#51C8CC

Achromatopsia

#CECECE

CSS Usage

background-color: #48FBA1;
color: #48FBA1;
border-color: #48FBA1;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF7
100
#DFFCED
200
#B9FDDB
300
#87FCC1
400
#46FBA0
500
#05FA7F
600
#04C865
700
#04A051
800
#037D3F
900
#075A30
950
#04391E

Contrast Checker

Text on white

1,35:1

AA Fail AAA Fail

Text on black

15,59:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026