#4BA572

#4BA572

Color Values

HEX

#4BA572

RGB

75, 165, 114

HSL

146.0, 37.5%, 47.1%

HSV

146.0, 54.5%, 64.7%

CMYK

54.5%, 0.0%, 30.9%, 35.3%

OKLCH

0.653 0.1161 156.2

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#4BA572

#A54B7E

Analogous

#51A54B

#4BA59F

#4BA572

Triadic

#4BA572

#724BA5

#A5724B

Split Complementary

#4BA572

#9F4BA5

#A54B51

Tetradic

#4BA572

#4B51A5

#A54B7E

#A59F4B

Color Blindness Simulation

Original

#4BA572

Protanopia

#72737E

Deuteranopia

#6D6681

Tritanopia

#50888A

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CEE9DA
300
#ABD9BF
400
#7DC49C
500
#50AF79
600
#408C61
700
#33704E
800
#28583D
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