#74F7FD

#74F7FD

Color Values

HEX

#74F7FD

RGB

116, 247, 253

HSL

182.6, 97.2%, 72.4%

HSV

182.6, 54.2%, 99.2%

CMYK

54.2%, 2.4%, 0.0%, 0.8%

OKLCH

0.9048 0.1156 199.4

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#74F7FD

#FD7A74

Analogous

#74FDBF

#74B3FD

#74F7FD

Triadic

#74F7FD

#FD74F7

#F7FD74

Split Complementary

#74F7FD

#FD74B3

#FDBF74

Tetradic

#74F7FD

#BF74FD

#FD7A74

#B3FD74

Color Blindness Simulation

Original

#74F7FD

Protanopia

#ADAEFC

Deuteranopia

#A59BFB

Tritanopia

#7BFAFA

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFBFC
200
#B9FBFE
300
#86F8FD
400
#45F4FC
500
#04F1FB
600
#03C1C9
700
#029AA1
800
#02787E
900
#06575B
950
#043739

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026