#0070A8

Color Details

HEX
#0070A8
RGB
rgb(0, 112, 168)
HSL
hsl(200, 100%, 33%)
CMYK
cmyk(100%, 33%, 0%, 34%)
Best text on this color #FFFFFF (CR 5.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0070a8
Contrast 3.88:1 Fail
White on #0070a8
Contrast 5.41:1 AA
#0070a8 on Black
Contrast 3.88:1 Fail
#0070a8 on White
Contrast 5.41:1 AA

Tints & Shades

#338db9
#66a9cb
#99c6dc
#005a86
#004365
#002d43

Complement & Analogous

#a83800
#001ca8
#00a88c

Triadic

#a80070
#70a800

Monochrome

#002d43 #004365 #0070a8 #66a9cb #99c6dc #cce2ee

Analogous

#00a88c #4dc2af #0070a8 #3349b9 #001ca8 #001686

Complementary Mix

#004365 #0070a8 #66a9cb #a83800 #c67e59 #6d2400

Nearby Colors

#0070a7
#0070a9
#007098
#0070b8

Embed #0070A8 swatch

Embed this swatch

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

Open image

About #0070A8

#0070A8 converts to RGB(0, 112, 168) and HSL(200, 100%, 33%). 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).

#0070A8 FAQs

What is the RGB value of #0070A8?
RGB: 0, 112, 168. Copy as CSS: rgb(0, 112, 168)
Is #0070A8 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0070A8?
Complement: #a83800.
Does #0070A8 have good contrast on white or black?
On white: 5.41:1 (AA (normal text)). On black: 3.88:1 (AA (large text)).