#7DDCF4

#7DDCF4

Color Values

HEX

#7DDCF4

RGB

125, 220, 244

HSL

192.1, 84.4%, 72.4%

HSV

192.1, 48.8%, 95.7%

CMYK

48.8%, 9.8%, 0.0%, 4.3%

OKLCH

0.8445 0.096 216.0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#7DDCF4

#F4957D

Analogous

#7DF4D1

#7DA1F4

#7DDCF4

Triadic

#7DDCF4

#F47DDC

#DCF47D

Split Complementary

#7DDCF4

#F47DA1

#F4D17D

Tetradic

#7DDCF4

#D17DF4

#F4957D

#A1F47D

Color Blindness Simulation

Original

#7DDCF4

Protanopia

#A6A7EE

Deuteranopia

#A19AED

Tritanopia

#82EAE9

Achromatopsia

#CACACA

CSS Usage

background-color: #7DDCF4;
color: #7DDCF4;
border-color: #7DDCF4;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FBFD
100
#E0F5FA
200
#BDEDF9
300
#8EE1F5
400
#51D0F0
500
#14C0EB
600
#1099BC
700
#0D7B96
800
#0A6076
900
#0C4655
950
#072C36

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026