#74CB88

#74CB88

Color Values

HEX

#74CB88

RGB

116, 203, 136

HSL

133.8, 45.5%, 62.5%

HSV

133.8, 42.9%, 79.6%

CMYK

42.9%, 0.0%, 33.0%, 20.4%

OKLCH

0.7699 0.1278 150.0

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#74CB88

#CB74B7

Analogous

#8BCB74

#74CBB3

#74CB88

Triadic

#74CB88

#8874CB

#CB8874

Split Complementary

#74CB88

#B374CB

#CB748B

Tetradic

#74CB88

#748BCB

#CB74B7

#CBB374

Color Blindness Simulation

Original

#74CB88

Protanopia

#9A9A98

Deuteranopia

#958E9C

Tritanopia

#78A5A8

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F4FAF6
100
#E6F4E9
200
#CBECD3
300
#A6DEB3
400
#76CC89
500
#45BA60
600
#38944D
700
#2C773E
800
#235D30
900
#1D4426
950
#122B18

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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