#7DB9F2

#7DB9F2

Color Values

HEX

#7DB9F2

RGB

125, 185, 242

HSL

209.2, 81.8%, 72.0%

HSV

209.2, 48.3%, 94.9%

CMYK

48.3%, 23.6%, 0.0%, 5.1%

OKLCH

0.7668 0.1032 248.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7DB9F2

#F2B67D

Analogous

#7DF2F0

#7D7FF2

#7DB9F2

Triadic

#7DB9F2

#F27DB9

#B9F27D

Split Complementary

#7DB9F2

#F27D7F

#F2F07D

Tetradic

#7DB9F2

#F07DF2

#F2B67D

#7FF27D

Color Blindness Simulation

Original

#7DB9F2

Protanopia

#9798E4

Deuteranopia

#948FE1

Tritanopia

#80D9D7

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDCF9
300
#90C3F4
400
#53A3EE
500
#1782E8
600
#1368B9
700
#0F5394
800
#0C4174
900
#0D3154
950
#081F35

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.09:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026