#70A6CC

Color Details

HEX
#70A6CC
RGB
rgb(112, 166, 204)
HSL
hsl(205, 47%, 62%)
CMYK
cmyk(45%, 19%, 0%, 20%)
Best text on this color #000000 (CR 8.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #70a6cc
Contrast 8.02:1 AAA
White on #70a6cc
Contrast 2.62:1 Fail
#70a6cc on Black
Contrast 8.02:1 AAA
#70a6cc on White
Contrast 2.62:1 Fail

Tints & Shades

#8db8d6
#a9cae0
#c6dbeb
#5a85a3
#43647a
#2d4252

Complement & Analogous

#cc9771
#7178cc
#71ccc4

Triadic

#cc71a6
#a6cc71

Monochrome

#2d4252 #43647a #70a6cc #a9cae0 #c6dbeb #e2edf5

Analogous

#71ccc4 #9cdbd6 #70a6cc #8d93d6 #7178cc #5a60a3

Complementary Mix

#43647a #70a6cc #a9cae0 #cc9771 #debba3 #856249

Nearby Colors

#70a6cb
#70a6cd
#70a6bc
#70a6dc

Embed #70A6CC swatch

Embed this swatch

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

Open image

About #70A6CC

#70A6CC converts to RGB(112, 166, 204) and HSL(205, 47%, 62%). 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).

#70A6CC FAQs

What is the RGB value of #70A6CC?
RGB: 112, 166, 204. Copy as CSS: rgb(112, 166, 204)
Is #70A6CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #70A6CC?
Complement: #cc9771.
Does #70A6CC have good contrast on white or black?
On white: 2.62:1 (Fails AA). On black: 8.02:1 (AAA (normal text)).