#74EAF6

#74EAF6

Color Values

HEX

#74EAF6

RGB

116, 234, 246

HSL

185.5, 87.8%, 71.0%

HSV

185.5, 52.8%, 96.5%

CMYK

52.8%, 4.9%, 0.0%, 3.5%

OKLCH

0.873 0.1077 204.3

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#74EAF6

#F68074

Analogous

#74F6C1

#74A9F6

#74EAF6

Triadic

#74EAF6

#F674EA

#EAF674

Split Complementary

#74EAF6

#F674A9

#F6C174

Tetradic

#74EAF6

#C174F6

#F68074

#A9F674

Color Blindness Simulation

Original

#74EAF6

Protanopia

#A7A8F3

Deuteranopia

#A097F2

Tritanopia

#7AF1F0

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BCF5FB
300
#8CEEF8
400
#4EE4F3
500
#10DBEF
600
#0CAFC0
700
#0A8C99
800
#086D78
900
#0A5057
950
#063237

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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