#7DBEEE

#7DBEEE

Color Values

HEX

#7DBEEE

RGB

125, 190, 238

HSL

205.5, 76.9%, 71.2%

HSV

205.5, 47.5%, 93.3%

CMYK

47.5%, 20.2%, 0.0%, 6.7%

OKLCH

0.7759 0.0957 241.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7DBEEE

#EEAD7D

Analogous

#7DEEE6

#7D86EE

#7DBEEE

Triadic

#7DBEEE

#EE7DBE

#BEEE7D

Split Complementary

#7DBEEE

#EE7D86

#EEE67D

Tetradic

#7DBEEE

#E67DEE

#EEAD7D

#86EE7D

Color Blindness Simulation

Original

#7DBEEE

Protanopia

#999AE2

Deuteranopia

#9590E0

Tritanopia

#80D9D7

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#C0DFF7
300
#93C9F1
400
#58ACE9
500
#1D8EE2
600
#1872B4
700
#135B90
800
#0F4771
900
#0F3552
950
#092234

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026