#4BF676

#4BF676

Color Values

HEX

#4BF676

RGB

75, 246, 118

HSL

135.1, 90.5%, 62.9%

HSV

135.1, 69.5%, 96.5%

CMYK

69.5%, 0.0%, 52.0%, 3.5%

OKLCH

0.8592 0.2204 147.8

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#4BF676

#F64BCB

Analogous

#75F64B

#4BF6CB

#4BF676

Triadic

#4BF676

#764BF6

#F6764B

Split Complementary

#4BF676

#CB4BF6

#F64B75

Tetradic

#4BF676

#4B75F6

#F64BCB

#F6CB4B

Color Blindness Simulation

Original

#4BF676

Protanopia

#959795

Deuteranopia

#8B7E9C

Tritanopia

#54ADB3

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1FDF4
100
#DFFBE6
200
#BBFCCB
300
#8AF9A6
400
#4BF676
500
#0CF346
600
#0AC238
700
#089B2D
800
#067923
900
#09581D
950
#063812

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026