#7D9EDC

Color Details

HEX
#7D9EDC
RGB
rgb(125, 158, 220)
HSL
hsl(219, 58%, 68%)
CMYK
cmyk(43%, 28%, 0%, 14%)
Best text on this color #000000 (CR 7.80:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7d9edc
Contrast 7.80:1 AAA
White on #7d9edc
Contrast 2.69:1 Fail
#7d9edc on Black
Contrast 7.80:1 AAA
#7d9edc on White
Contrast 2.69:1 Fail

Tints & Shades

#97b1e3
#b1c5ea
#cbd8f1
#647eb0
#4b5f84
#323f58

Complement & Analogous

#ddbc7e
#8c7edd
#7ecfdd

Triadic

#dd7e9f
#9fdd7e

Monochrome

#323f58 #4b5f84 #7d9edc #b1c5ea #cbd8f1 #e5ecf8

Analogous

#7ecfdd #a5dde7 #7d9edc #a398e4 #8c7edd #7065b1

Complementary Mix

#4b5f84 #7d9edc #b1c5ea #ddbc7e #e9d3ab #907a52

Nearby Colors

#7d9edb
#7d9edd
#7d9ecc
#7d9eec

Embed #7D9EDC swatch

Embed this swatch

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

Open image

About #7D9EDC

#7D9EDC converts to RGB(125, 158, 220) and HSL(219, 58%, 68%). 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).

#7D9EDC FAQs

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