#7DA5D4

#7DA5D4

Color Values

HEX

#7DA5D4

RGB

125, 165, 212

HSL

212.4, 50.3%, 66.1%

HSV

212.4, 41.0%, 83.1%

CMYK

41.0%, 22.2%, 0.0%, 16.9%

OKLCH

0.7106 0.0819 252.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7DA5D4

#D4AC7D

Analogous

#7DD1D4

#817DD4

#7DA5D4

Triadic

#7DA5D4

#D47DA5

#A5D47D

Split Complementary

#7DA5D4

#D4817D

#D1D47D

Tetradic

#7DA5D4

#D47DD1

#D4AC7D

#7DD481

Color Blindness Simulation

Original

#7DA5D4

Protanopia

#8E8FC9

Deuteranopia

#8C89C6

Tritanopia

#7FC0BE

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DAED
300
#A3BFE1
400
#719DD0
500
#3F7AC0
600
#336299
700
#294E7B
800
#203D60
900
#1B2F46
950
#111D2C

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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