#7DBEFC

#7DBEFC

Color Values

HEX

#7DBEFC

RGB

125, 190, 252

HSL

209.3, 95.5%, 73.9%

HSV

209.3, 50.4%, 98.8%

CMYK

50.4%, 24.6%, 0.0%, 1.2%

OKLCH

0.782 0.1112 248.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#7DBEFC

#FCBB7D

Analogous

#7DFCFB

#7D7EFC

#7DBEFC

Triadic

#7DBEFC

#FC7DBE

#BEFC7D

Split Complementary

#7DBEFC

#FC7D7E

#FCFB7D

Tetradic

#7DBEFC

#FB7DFC

#FCBB7D

#7EFC7D

Color Blindness Simulation

Original

#7DBEFC

Protanopia

#999AED

Deuteranopia

#9590E9

Tritanopia

#80E1DF

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DCFD
300
#87C3FC
400
#47A3FB
500
#0682F9
600
#0568C7
700
#0453A0
800
#03417D
900
#07315A
950
#041F39

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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