#7EA2D2

#7EA2D2

Color Values

HEX

#7EA2D2

RGB

126, 162, 210

HSL

214.3, 48.3%, 65.9%

HSV

214.3, 40.0%, 82.4%

CMYK

40.0%, 22.9%, 0.0%, 17.6%

OKLCH

0.7038 0.0813 255.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7EA2D2

#D2AE7E

Analogous

#7ECCD2

#847ED2

#7EA2D2

Triadic

#7EA2D2

#D27EA2

#A2D27E

Split Complementary

#7EA2D2

#D2847E

#CCD27E

Tetradic

#7EA2D2

#D27ECC

#D2AE7E

#7ED284

Color Blindness Simulation

Original

#7EA2D2

Protanopia

#8E8EC6

Deuteranopia

#8C89C4

Tritanopia

#80BDBB

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD9ED
300
#A4BEDF
400
#739ACE
500
#4277BD
600
#355F97
700
#2A4C79
800
#213B5F
900
#1B2D46
950
#111D2C

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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