#7DD3FC

#7DD3FC

Color Values

HEX

#7DD3FC

RGB

125, 211, 252

HSL

199.4, 95.5%, 73.9%

HSV

199.4, 50.4%, 98.8%

CMYK

50.4%, 16.3%, 0.0%, 1.2%

OKLCH

0.8276 0.1013 230.3

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#7DD3FC

#FCA67D

Analogous

#7DFCE6

#7D93FC

#7DD3FC

Triadic

#7DD3FC

#FC7DD3

#D3FC7D

Split Complementary

#7DD3FC

#FC7D93

#FCE67D

Tetradic

#7DD3FC

#E67DFC

#FCA67D

#93FC7D

Color Blindness Simulation

Original

#7DD3FC

Protanopia

#A2A3F2

Deuteranopia

#9D97F0

Tritanopia

#81EAE9

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF2FC
200
#B9E7FD
300
#87D6FC
400
#47C0FB
500
#06ABF9
600
#0588C7
700
#046DA0
800
#03557D
900
#073F5A
950
#042839

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.6:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Sky

Sky 300

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026