#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026