#7DBDFC

#7DBDFC

Color Values

HEX

#7DBDFC

RGB

125, 189, 252

HSL

209.8, 95.5%, 73.9%

HSV

209.8, 50.4%, 98.8%

CMYK

50.4%, 25.0%, 0.0%, 1.2%

OKLCH

0.7798 0.1119 249.1

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#7DBDFC

#FCBC7D

Analogous

#7DFCFC

#7D7DFC

#7DBDFC

Triadic

#7DBDFC

#FC7DBD

#BDFC7D

Split Complementary

#7DBDFC

#FC7D7D

#FCFC7D

Tetradic

#7DBDFC

#FC7DFC

#FCBC7D

#7DFC7D

Color Blindness Simulation

Original

#7DBDFC

Protanopia

#9999ED

Deuteranopia

#9590E9

Tritanopia

#80E1DE

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DCFD
300
#87C2FC
400
#47A1FB
500
#0680F9
600
#0567C7
700
#0452A0
800
#03407D
900
#07315A
950
#041F39

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026