#ADAFCC

Color Details

HEX
#ADAFCC
RGB
rgb(173, 175, 204)
HSL
hsl(236, 23%, 74%)
CMYK
cmyk(15%, 14%, 0%, 20%)
Best text on this color #000000 (CR 9.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #adafcc
Contrast 9.78:1 AAA
White on #adafcc
Contrast 2.15:1 Fail
#adafcc on Black
Contrast 9.78:1 AAA
#adafcc on White
Contrast 2.15:1 Fail

Tints & Shades

#bdbfd6
#cecfe0
#dedfeb
#8a8ca3
#68697a
#454652

Complement & Analogous

#cccaad
#bbadcc
#adbfcc

Triadic

#ccadaf
#afccad

Monochrome

#454652 #68697a #adafcc #cecfe0 #dedfeb #efeff5

Analogous

#adbfcc #c6d2db #adafcc #c9bdd6 #bbadcc #968aa3

Complementary Mix

#68697a #adafcc #cecfe0 #cccaad #deddca #858370

Nearby Colors

#adafcb
#adafcd
#adafbc
#adafdc

Embed #ADAFCC swatch

Embed this swatch

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

Open image

About #ADAFCC

#ADAFCC converts to RGB(173, 175, 204) and HSL(236, 23%, 74%). 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).

#ADAFCC FAQs

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