#4BAD74

#4BAD74

Color Values

HEX

#4BAD74

RGB

75, 173, 116

HSL

145.1, 39.5%, 48.6%

HSV

145.1, 56.6%, 67.8%

CMYK

56.6%, 0.0%, 32.9%, 32.2%

OKLCH

0.6739 0.1259 155.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#4BAD74

#AD4B84

Analogous

#53AD4B

#4BADA5

#4BAD74

Triadic

#4BAD74

#744BAD

#AD744B

Split Complementary

#4BAD74

#A54BAD

#AD4B53

Tetradic

#4BAD74

#4B53AD

#AD4B84

#ADA54B

Color Blindness Simulation

Original

#4BAD74

Protanopia

#757682

Deuteranopia

#706885

Tritanopia

#508D8F

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDE9D9
300
#AADABE
400
#7BC69B
500
#4DB277
600
#3E8E5F
700
#31724C
800
#27593C
900
#1F422E
950
#14291D

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026