#74C27C

#74C27C

Color Values

HEX

#74C27C

RGB

116, 194, 124

HSL

126.2, 39.0%, 60.8%

HSV

126.2, 40.2%, 76.1%

CMYK

40.2%, 0.0%, 36.1%, 23.9%

OKLCH

0.7457 0.1262 146.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74C27C

#C274BA

Analogous

#93C274

#74C2A3

#74C27C

Triadic

#74C27C

#7C74C2

#C27C74

Split Complementary

#74C27C

#A374C2

#C27493

Tetradic

#74C27C

#7493C2

#C274BA

#C2A374

Color Blindness Simulation

Original

#74C27C

Protanopia

#96968D

Deuteranopia

#918B91

Tritanopia

#789A9D

Achromatopsia

#ACACAC

CSS Usage

background-color: #74C27C;
color: #74C27C;
border-color: #74C27C;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9D0
300
#AADAAF
400
#7CC583
500
#4EB158
600
#3E8E46
700
#327138
800
#27592C
900
#1F4123
950
#142916

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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