#7DB9CC

Color Details

HEX
#7DB9CC
RGB
rgb(125, 185, 204)
HSL
hsl(194, 44%, 65%)
CMYK
cmyk(39%, 9%, 0%, 20%)
Best text on this color #000000 (CR 9.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7db9cc
Contrast 9.68:1 AAA
White on #7db9cc
Contrast 2.17:1 Fail
#7db9cc on Black
Contrast 9.68:1 AAA
#7db9cc on White
Contrast 2.17:1 Fail

Tints & Shades

#97c7d6
#b1d5e0
#cbe3eb
#6494a3
#4b6f7a
#324a52

Complement & Analogous

#cd917e
#7e93cd
#7ecdb8

Triadic

#cd7ebb
#bbcd7e

Monochrome

#324a52 #4b6f7a #7db9cc #b1d5e0 #cbe3eb #e5f1f5

Analogous

#7ecdb8 #a5dccd #7db9cc #98a9d7 #7e93cd #6576a4

Complementary Mix

#4b6f7a #7db9cc #b1d5e0 #cd917e #dfb8ab #855e52

Nearby Colors

#7db9cb
#7db9cd
#7db9bc
#7db9dc

Embed #7DB9CC swatch

Embed this swatch

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

Open image

About #7DB9CC

#7DB9CC converts to RGB(125, 185, 204) and HSL(194, 44%, 65%). 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).

#7DB9CC FAQs

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