#4BDA5E

#4BDA5E

Color Values

HEX

#4BDA5E

RGB

75, 218, 94

HSL

128.0, 65.9%, 57.5%

HSV

128.0, 65.6%, 85.5%

CMYK

65.6%, 0.0%, 56.9%, 14.5%

OKLCH

0.7854 0.2061 145.5

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#4BDA5E

#DA4BC7

Analogous

#80DA4B

#4BDAA6

#4BDA5E

Triadic

#4BDA5E

#5E4BDA

#DA5E4B

Split Complementary

#4BDA5E

#A64BDA

#DA4B80

Tetradic

#4BDA5E

#4B80DA

#DA4BC7

#DAA64B

Color Blindness Simulation

Original

#4BDA5E

Protanopia

#898A7C

Deuteranopia

#817683

Tritanopia

#529499

Achromatopsia

#B3B3B3

CSS Usage

background-color: #4BDA5E;
color: #4BDA5E;
border-color: #4BDA5E;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF4
100
#E3F7E6
200
#C4F3CA
300
#99EAA4
400
#62DF73
500
#2BD442
600
#23A935
700
#1C872A
800
#166A21
900
#144D1B
950
#0C3111

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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