#4BA571

#4BA571

Color Values

HEX

#4BA571

RGB

75, 165, 113

HSL

145,3, 37,5%, 47,1%

HSV

145,3, 54,5%, 64,7%

CMYK

54,5%, 0,0%, 31,5%, 35,3%

OKLCH

0,6528 0,1171 155,8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#4BA571

#A54B7F

Analogous

#52A54B

#4BA59E

#4BA571

Triadic

#4BA571

#714BA5

#A5714B

Split Complementary

#4BA571

#9E4BA5

#A54B52

Tetradic

#4BA571

#4B52A5

#A54B7F

#A59E4B

Color Blindness Simulation

Original

#4BA571

Protanopia

#72737E

Deuteranopia

#6D6681

Tritanopia

#50888A

Achromatopsia

#8E8E8E

CSS Usage

background-color: #4BA571;
color: #4BA571;
border-color: #4BA571;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CEE9D9
300
#ABD9BE
400
#7DC49B
500
#50AF78
600
#408C60
700
#33704D
800
#28583C
900
#20412E
950
#14291D

Contrast Checker

Text on white

3,03:1

AA Fail AAA Fail

Text on black

6,92:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026