#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