#74D4FF

#74D4FF

Color Values

HEX

#74D4FF

RGB

116, 212, 255

HSL

198.6, 100.0%, 72.7%

HSV

198.6, 54.5%, 100.0%

CMYK

54.5%, 16.9%, 0.0%, 0.0%

OKLCH

0.8271 0.109 229.2

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#74D4FF

#FF9F74

Analogous

#74FFE5

#748EFF

#74D4FF

Triadic

#74D4FF

#FF74D4

#D4FF74

Split Complementary

#74D4FF

#FF748E

#FFE574

Tetradic

#74D4FF

#E574FF

#FF9F74

#8EFF74

Color Blindness Simulation

Original

#74D4FF

Protanopia

#9E9EF5

Deuteranopia

#9891F2

Tritanopia

#79ECEB

Achromatopsia

#C3C3C3

CSS Usage

background-color: #74D4FF;
color: #74D4FF;
border-color: #74D4FF;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E9FF
300
#85D9FF
400
#42C5FF
500
#00B0FF
600
#008DCC
700
#0071A3
800
#005880
900
#05415C
950
#03293A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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