#ADC7F0

Color Details

HEX
#ADC7F0
RGB
rgb(173, 199, 240)
HSL
hsl(217, 69%, 81%)
CMYK
cmyk(28%, 17%, 0%, 6%)
Best text on this color #000000 (CR 12.20:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adc7f0
Contrast 12.20:1 AAA
White on #adc7f0
Contrast 1.72:1 Fail
#adc7f0 on Black
Contrast 12.20:1 AAA
#adc7f0 on White
Contrast 1.72:1 Fail

Tints & Shades

#bdd2f3
#ceddf6
#dee9f9
#8a9fc0
#687790
#455060

Complement & Analogous

#f0d6ad
#b5adf0
#ade8f0

Triadic

#f0adc7
#c7f0ad

Monochrome

#455060 #687790 #adc7f0 #ceddf6 #dee9f9 #eff4fc

Analogous

#ade8f0 #c6eff5 #adc7f0 #c4bdf3 #b5adf0 #918ac0

Complementary Mix

#687790 #adc7f0 #ceddf6 #f0d6ad #f5e4ca #9c8b70

Nearby Colors

#adc7ef
#adc7f1
#adc7e0
#adc800

Embed #ADC7F0 swatch

Embed this swatch

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

Open image

About #ADC7F0

#ADC7F0 converts to RGB(173, 199, 240) and HSL(217, 69%, 81%). 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).

#ADC7F0 FAQs

What is the RGB value of #ADC7F0?
RGB: 173, 199, 240. Copy as CSS: rgb(173, 199, 240)
Is #ADC7F0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADC7F0?
Complement: #f0d6ad.
Does #ADC7F0 have good contrast on white or black?
On white: 1.72:1 (Fails AA). On black: 12.20:1 (AAA (normal text)).