#7DAED0

#7DAED0

Color Values

HEX

#7DAED0

RGB

125, 174, 208

HSL

204.6, 46.9%, 65.3%

HSV

204.6, 39.9%, 81.6%

CMYK

39.9%, 16.3%, 0.0%, 18.4%

OKLCH

0.7286 0.0719 239.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7DAED0

#D09F7D

Analogous

#7DD0C9

#7D84D0

#7DAED0

Triadic

#7DAED0

#D07DAE

#AED07D

Split Complementary

#7DAED0

#D07D84

#D0C97D

Tetradic

#7DAED0

#C97DD0

#D09F7D

#84D07D

Color Blindness Simulation

Original

#7DAED0

Protanopia

#9293C8

Deuteranopia

#8F8CC6

Tritanopia

#7FC1C0

Achromatopsia

#A6A6A6

CSS Usage

background-color: #7DAED0;
color: #7DAED0;
border-color: #7DAED0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEC
300
#A5C7DF
400
#74A9CD
500
#448ABB
600
#366F96
700
#2B5878
800
#22455E
900
#1C3445
950
#12212C

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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