#74FDB0

#74FDB0

Color Values

HEX

#74FDB0

RGB

116, 253, 176

HSL

146,3, 97,2%, 72,4%

HSV

146,3, 54,2%, 99,2%

CMYK

54,2%, 0,0%, 30,4%, 0,8%

OKLCH

0,898 0,1621 156,3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#74FDB0

#FD74C1

Analogous

#7DFD74

#74FDF5

#74FDB0

Triadic

#74FDB0

#B074FD

#FDB074

Split Complementary

#74FDB0

#F574FD

#FD747D

Tetradic

#74FDB0

#747DFD

#FD74C1

#FDF574

Color Blindness Simulation

Original

#74FDB0

Protanopia

#AFB1C3

Deuteranopia

#A79DC7

Tritanopia

#7BD1D5

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEB
200
#B9FED7
300
#86FDBA
400
#45FC95
500
#04FB70
600
#03C95A
700
#02A148
800
#027E38
900
#065B2B
950
#04391B

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,42: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