#7EC0F9

#7EC0F9

Color Values

HEX

#7EC0F9

RGB

126, 192, 249

HSL

207.8, 91.1%, 73.5%

HSV

207.8, 49.4%, 97.6%

CMYK

49.4%, 22.9%, 0.0%, 2.4%

OKLCH

0.7855 0.1059 245.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7EC0F9

#F9B77E

Analogous

#7EF9F4

#7E82F9

#7EC0F9

Triadic

#7EC0F9

#F97EC0

#C0F97E

Split Complementary

#7EC0F9

#F97E82

#F9F47E

Tetradic

#7EC0F9

#F47EF9

#F9B77E

#82F97E

Color Blindness Simulation

Original

#7EC0F9

Protanopia

#9B9BEB

Deuteranopia

#9792E8

Tritanopia

#81E0DE

Achromatopsia

#B6B6B6

CSS Usage

background-color: #7EC0F9;
color: #7EC0F9;
border-color: #7EC0F9;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC6FA
400
#4BA7F7
500
#0B88F4
600
#096DC3
700
#07579C
800
#06447A
900
#093358
950
#062038

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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