#7EBCF0

#7EBCF0

Color Values

HEX

#7EBCF0

RGB

126, 188, 240

HSL

207.4, 79.2%, 71.8%

HSV

207.4, 47.5%, 94.1%

CMYK

47.5%, 21.7%, 0.0%, 5.9%

OKLCH

0.7729 0.0984 244.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7EBCF0

#F0B27E

Analogous

#7EF0EB

#7E83F0

#7EBCF0

Triadic

#7EBCF0

#F07EBC

#BCF07E

Split Complementary

#7EBCF0

#F07E83

#F0EB7E

Tetradic

#7EBCF0

#EB7EF0

#F0B27E

#83F07E

Color Blindness Simulation

Original

#7EBCF0

Protanopia

#9999E3

Deuteranopia

#9591E0

Tritanopia

#81D9D7

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#BFDEF8
300
#91C6F2
400
#56A7EB
500
#1B88E4
600
#156DB7
700
#115792
800
#0D4472
900
#0E3353
950
#092034

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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