#7FDCF0

#7FDCF0

Color Values

HEX

#7FDCF0

RGB

127, 220, 240

HSL

190.6, 79.0%, 72.0%

HSV

190.6, 47.1%, 94.1%

CMYK

47.1%, 8.3%, 0.0%, 5.9%

OKLCH

0.8439 0.0927 213.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#7FDCF0

#F0937F

Analogous

#7FF0CC

#7FA4F0

#7FDCF0

Triadic

#7FDCF0

#F07FDC

#DCF07F

Split Complementary

#7FDCF0

#F07FA4

#F0CC7F

Tetradic

#7FDCF0

#CC7FF0

#F0937F

#A4F07F

Color Blindness Simulation

Original

#7FDCF0

Protanopia

#A7A8EB

Deuteranopia

#A29BEA

Tritanopia

#84E7E6

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E1F5F9
200
#BFEEF8
300
#91E1F2
400
#56D1EB
500
#1BC1E4
600
#159AB7
700
#117B92
800
#0D6072
900
#0E4753
950
#092D34

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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