#4BB780

#4BB780

Color Values

HEX

#4BB780

RGB

75, 183, 128

HSL

149.4, 42.9%, 50.6%

HSV

149.4, 59.0%, 71.8%

CMYK

59.0%, 0.0%, 30.1%, 28.2%

OKLCH

0.7021 0.129 158.1

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#4BB780

#B74B82

Analogous

#4CB74B

#4BB7B6

#4BB780

Triadic

#4BB780

#804BB7

#B7804B

Split Complementary

#4BB780

#B64BB7

#B74B4C

Tetradic

#4BB780

#4B4CB7

#B74B82

#B7B64B

Color Blindness Simulation

Original

#4BB780

Protanopia

#7A7B8D

Deuteranopia

#746B90

Tritanopia

#50989A

Achromatopsia

#9C9C9C

CSS Usage

background-color: #4BB780;
color: #4BB780;
border-color: #4BB780;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEBDB
300
#A8DCC1
400
#78C9A0
500
#49B67E
600
#3A9265
700
#2F7551
800
#245B3F
900
#1E4330
950
#132A1E

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.38:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026