#7DD7F4

#7DD7F4

Color Values

HEX

#7DD7F4

RGB

125, 215, 244

HSL

194.6, 84.4%, 72.4%

HSV

194.6, 48.8%, 95.7%

CMYK

48.8%, 11.9%, 0.0%, 4.3%

OKLCH

0.8333 0.0953 220.9

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#7DD7F4

#F49A7D

Analogous

#7DF4D6

#7D9CF4

#7DD7F4

Triadic

#7DD7F4

#F47DD7

#D7F47D

Split Complementary

#7DD7F4

#F47D9C

#F4D67D

Tetradic

#7DD7F4

#D67DF4

#F49A7D

#9CF47D

Color Blindness Simulation

Original

#7DD7F4

Protanopia

#A4A5ED

Deuteranopia

#9F98EB

Tritanopia

#82E7E6

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDEBF9
300
#8EDCF5
400
#51CAF0
500
#14B7EB
600
#1092BC
700
#0D7596
800
#0A5B76
900
#0C4355
950
#072B36

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.9:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026