#7DBDE1

Color Details

HEX
#7DBDE1
RGB
rgb(125, 189, 225)
HSL
hsl(202, 63%, 69%)
CMYK
cmyk(44%, 16%, 0%, 12%)
Best text on this color #000000 (CR 10.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7dbde1
Contrast 10.24:1 AAA
White on #7dbde1
Contrast 2.05:1 Fail
#7dbde1 on Black
Contrast 10.24:1 AAA
#7dbde1 on White
Contrast 2.05:1 Fail

Tints & Shades

#97cae7
#b1d7ed
#cbe5f3
#6497b4
#4b7187
#324c5a

Complement & Analogous

#e2a37e
#7e8be2
#7ee2d4

Triadic

#e27ebd
#bde27e

Monochrome

#324c5a #4b7187 #7dbde1 #b1d7ed #cbe5f3 #e5f2f9

Analogous

#7ee2d4 #a5ebe1 #7dbde1 #98a2e8 #7e8be2 #656fb5

Complementary Mix

#4b7187 #7dbde1 #b1d7ed #e2a37e #ecc3ab #936a52

Nearby Colors

#7dbde0
#7dbde2
#7dbdd1
#7dbdf1

Embed #7DBDE1 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #7DBDE1

#7DBDE1 converts to RGB(125, 189, 225) and HSL(202, 63%, 69%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#7DBDE1 FAQs

What is the RGB value of #7DBDE1?
RGB: 125, 189, 225. Copy as CSS: rgb(125, 189, 225)
Is #7DBDE1 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7DBDE1?
Complement: #e2a37e.
Does #7DBDE1 have good contrast on white or black?
On white: 2.05:1 (Fails AA). On black: 10.24:1 (AAA (normal text)).