#7DD2FC

#7DD2FC

Color Values

HEX

#7DD2FC

RGB

125, 210, 252

HSL

199.8, 95.5%, 73.9%

HSV

199.8, 50.4%, 98.8%

CMYK

50.4%, 16.7%, 0.0%, 1.2%

OKLCH

0.8254 0.1015 231.2

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#7DD2FC

#FCA77D

Analogous

#7DFCE6

#7D92FC

#7DD2FC

Triadic

#7DD2FC

#FC7DD2

#D2FC7D

Split Complementary

#7DD2FC

#FC7D92

#FCE67D

Tetradic

#7DD2FC

#E67DFC

#FCA77D

#92FC7D

Color Blindness Simulation

Original

#7DD2FC

Protanopia

#A2A3F2

Deuteranopia

#9D96EF

Tritanopia

#81EAE8

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DFF2FC
200
#B9E7FD
300
#87D6FC
400
#47BFFB
500
#06A9F9
600
#0587C7
700
#046CA0
800
#03547D
900
#073F5A
950
#042839

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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