#74EDF0

#74EDF0

Color Values

HEX

#74EDF0

RGB

116, 237, 240

HSL

181.5, 80.5%, 69.8%

HSV

181.5, 51.7%, 94.1%

CMYK

51.7%, 1.2%, 0.0%, 5.9%

OKLCH

0.8778 0.1088 197.5

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#74EDF0

#F07774

Analogous

#74F0B5

#74AFF0

#74EDF0

Triadic

#74EDF0

#F074ED

#EDF074

Split Complementary

#74EDF0

#F074AF

#F0B574

Tetradic

#74EDF0

#B574F0

#F07774

#AFF074

Color Blindness Simulation

Original

#74EDF0

Protanopia

#A8A9EF

Deuteranopia

#A198EF

Tritanopia

#7AEFEF

Achromatopsia

#D3D3D3

CSS Usage

background-color: #74EDF0;
color: #74EDF0;
border-color: #74EDF0;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BFF7F8
300
#91F1F3
400
#55E9ED
500
#19E1E6
600
#14B4B8
700
#109093
800
#0C7173
900
#0D5254
950
#083435

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026