#4BF7AC

#4BF7AC

Color Values

HEX

#4BF7AC

RGB

75, 247, 172

HSL

153.8, 91.5%, 63.1%

HSV

153.8, 69.6%, 96.9%

CMYK

69.6%, 0.0%, 30.4%, 3.1%

OKLCH

0.8711 0.1751 160.0

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#4BF7AC

#F74B96

Analogous

#4BF756

#4BECF7

#4BF7AC

Triadic

#4BF7AC

#AC4BF7

#F7AC4B

Split Complementary

#4BF7AC

#F74BEC

#F7564B

Tetradic

#4BF7AC

#564BF7

#F74B96

#ECF74B

Color Blindness Simulation

Original

#4BF7AC

Protanopia

#9697BE

Deuteranopia

#8C7FC2

Tritanopia

#54CCD0

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEF
200
#BBFCDF
300
#8AFAC9
400
#4AF7AC
500
#0BF48E
600
#09C372
700
#079C5B
800
#057A47
900
#095836
950
#053822

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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