#74D2FF

#74D2FF

Color Values

HEX

#74D2FF

RGB

116, 210, 255

HSL

199.4, 100.0%, 72.7%

HSV

199.4, 54.5%, 100.0%

CMYK

54.5%, 17.6%, 0.0%, 0.0%

OKLCH

0.8227 0.1095 230.9

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#74D2FF

#FFA174

Analogous

#74FFE6

#748CFF

#74D2FF

Triadic

#74D2FF

#FF74D2

#D2FF74

Split Complementary

#74D2FF

#FF748C

#FFE674

Tetradic

#74D2FF

#E674FF

#FFA174

#8CFF74

Color Blindness Simulation

Original

#74D2FF

Protanopia

#9D9EF4

Deuteranopia

#9790F2

Tritanopia

#79ECEA

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E8FF
300
#85D7FF
400
#42C2FF
500
#00ADFF
600
#008ACC
700
#006EA3
800
#005680
900
#05405C
950
#03283A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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