#74FDF0

#74FDF0

Color Values

HEX

#74FDF0

RGB

116, 253, 240

HSL

174,3, 97,2%, 72,4%

HSV

174,3, 54,2%, 99,2%

CMYK

54,2%, 0,0%, 5,1%, 0,8%

OKLCH

0,9143 0,1215 186,9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#74FDF0

#FD7481

Analogous

#74FDAC

#74C6FD

#74FDF0

Triadic

#74FDF0

#F074FD

#FDF074

Split Complementary

#74FDF0

#FD74C6

#FDAC74

Tetradic

#74FDF0

#AC74FD

#FD7481

#C6FD74

Color Blindness Simulation

Original

#74FDF0

Protanopia

#AFB1F3

Deuteranopia

#A79DF4

Tritanopia

#7BF6F6

Achromatopsia

#DFDFDF

CSS Usage

background-color: #74FDF0;
color: #74FDF0;
border-color: #74FDF0;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFC
100
#DEFCF9
200
#B9FEF7
300
#86FDF2
400
#45FCEB
500
#04FBE4
600
#03C9B6
700
#02A192
800
#027E72
900
#065B53
950
#043934

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

17,05: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