#7EBCF3

#7EBCF3

Color Values

HEX

#7EBCF3

RGB

126, 188, 243

HSL

208.2, 83.0%, 72.4%

HSV

208.2, 48.1%, 95.3%

CMYK

48.1%, 22.6%, 0.0%, 4.7%

OKLCH

0.7742 0.1017 246.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7EBCF3

#F3B57E

Analogous

#7EF3F0

#7E82F3

#7EBCF3

Triadic

#7EBCF3

#F37EBC

#BCF37E

Split Complementary

#7EBCF3

#F37E82

#F3F07E

Tetradic

#7EBCF3

#F07EF3

#F3B57E

#82F37E

Color Blindness Simulation

Original

#7EBCF3

Protanopia

#9999E6

Deuteranopia

#9591E2

Tritanopia

#81DBD9

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDDF9
300
#8FC5F5
400
#52A5EF
500
#1686E9
600
#116BBB
700
#0E5695
800
#0B4375
900
#0C3355
950
#082035

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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