#74B87B

#74B87B

Color Values

HEX

#74B87B

RGB

116, 184, 123

HSL

126.2, 32.4%, 58.8%

HSV

126.2, 37.0%, 72.2%

CMYK

37.0%, 0.0%, 33.2%, 27.8%

OKLCH

0.7212 0.1117 146.7

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74B87B

#B874B1

Analogous

#8FB874

#74B89D

#74B87B

Triadic

#74B87B

#7B74B8

#B87B74

Split Complementary

#74B87B

#9D74B8

#B8748F

Tetradic

#74B87B

#748FB8

#B874B1

#B89D74

Color Blindness Simulation

Original

#74B87B

Protanopia

#91928A

Deuteranopia

#8E888D

Tritanopia

#779598

Achromatopsia

#A5A5A5

CSS Usage

background-color: #74B87B;
color: #74B87B;
border-color: #74B87B;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5F9F6
100
#E8F2E9
200
#D0E7D2
300
#AED6B2
400
#82BF88
500
#56A95F
600
#45874C
700
#376C3D
800
#2B542F
900
#223F25
950
#162818

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.88: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