#7DBDEE

#7DBDEE

Color Values

HEX

#7DBDEE

RGB

125, 189, 238

HSL

206.0, 76.9%, 71.2%

HSV

206.0, 47.5%, 93.3%

CMYK

47.5%, 20.6%, 0.0%, 6.7%

OKLCH

0.7737 0.0962 242.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7DBDEE

#EEAE7D

Analogous

#7DEEE7

#7D85EE

#7DBDEE

Triadic

#7DBDEE

#EE7DBD

#BDEE7D

Split Complementary

#7DBDEE

#EE7D85

#EEE77D

Tetradic

#7DBDEE

#E77DEE

#EEAE7D

#85EE7D

Color Blindness Simulation

Original

#7DBDEE

Protanopia

#9999E2

Deuteranopia

#9590DF

Tritanopia

#80D9D7

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#C0DFF7
300
#93C8F1
400
#58AAE9
500
#1D8DE2
600
#1870B4
700
#135A90
800
#0F4671
900
#0F3552
950
#092134

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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