#96CADC

Color Details

HEX
#96CADC
RGB
rgb(150, 202, 220)
HSL
hsl(195, 50%, 73%)
CMYK
cmyk(32%, 8%, 0%, 14%)
Best text on this color #000000 (CR 11.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #96cadc
Contrast 11.78:1 AAA
White on #96cadc
Contrast 1.78:1 Fail
#96cadc on Black
Contrast 11.78:1 AAA
#96cadc on White
Contrast 1.78:1 Fail

Tints & Shades

#abd5e3
#c0dfea
#d5eaf1
#78a2b0
#5a7984
#3c5158

Complement & Analogous

#dda998
#98a9dd
#98ddcb

Triadic

#dd98cb
#cbdd98

Monochrome

#3c5158 #5a7984 #96cadc #c0dfea #d5eaf1 #eaf4f8

Analogous

#98ddcb #b7e7db #96cadc #adbae4 #98a9dd #7a87b1

Complementary Mix

#5a7984 #96cadc #c0dfea #dda998 #e9c7bc #906e63

Nearby Colors

#96cadb
#96cadd
#96cacc
#96caec

Embed #96CADC swatch

Embed this swatch

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

Open image

About #96CADC

#96CADC converts to RGB(150, 202, 220) and HSL(195, 50%, 73%). 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).

#96CADC FAQs

What is the RGB value of #96CADC?
RGB: 150, 202, 220. Copy as CSS: rgb(150, 202, 220)
Is #96CADC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #96CADC?
Complement: #dda998.
Does #96CADC have good contrast on white or black?
On white: 1.78:1 (Fails AA). On black: 11.78:1 (AAA (normal text)).