#74C29D

#74C29D

Color Values

HEX

#74C29D

RGB

116, 194, 157

HSL

151.5, 39.0%, 60.8%

HSV

151.5, 40.2%, 76.1%

CMYK

40.2%, 0.0%, 19.1%, 23.9%

OKLCH

0.7531 0.0949 162.4

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#74C29D

#C27499

Analogous

#74C276

#74C0C2

#74C29D

Triadic

#74C29D

#9D74C2

#C29D74

Split Complementary

#74C29D

#C274C0

#C27674

Tetradic

#74C29D

#7674C2

#C27499

#C0C274

Color Blindness Simulation

Original

#74C29D

Protanopia

#9696A6

Deuteranopia

#918BA8

Tritanopia

#78ADAF

Achromatopsia

#AFAFAF

CSS Usage

background-color: #74C29D;
color: #74C29D;
border-color: #74C29D;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDE9DC
300
#AADAC3
400
#7CC5A2
500
#4EB182
600
#3E8E68
700
#327153
800
#275941
900
#1F4131
950
#14291F

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.95:1

AA Pass AAA Pass

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