#22A0CC

Color Details

HEX
#22A0CC
RGB
rgb(34, 160, 204)
HSL
hsl(196, 71%, 47%)
CMYK
cmyk(83%, 22%, 0%, 20%)
Best text on this color #000000 (CR 6.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #22a0cc
Contrast 6.97:1 AA
White on #22a0cc
Contrast 3.01:1 Fail
#22a0cc on Black
Contrast 6.97:1 AA
#22a0cc on White
Contrast 3.01:1 Fail

Tints & Shades

#4eb3d6
#7ac6e0
#a7d9eb
#1b80a3
#14607a
#0e4052

Complement & Analogous

#cd5023
#234acd
#23cda5

Triadic

#cd23a0
#a0cd23

Monochrome

#0e4052 #14607a #22a0cc #7ac6e0 #a7d9eb #d3ecf5

Analogous

#23cda5 #65dcc0 #22a0cc #4f6ed7 #234acd #1c3ba4

Complementary Mix

#14607a #22a0cc #7ac6e0 #cd5023 #df8d70 #853417

Nearby Colors

#22a0cb
#22a0cd
#22a0bc
#22a0dc

Embed #22A0CC swatch

Embed this swatch

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

Open image

About #22A0CC

#22A0CC converts to RGB(34, 160, 204) and HSL(196, 71%, 47%). 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).

#22A0CC FAQs

What is the RGB value of #22A0CC?
RGB: 34, 160, 204. Copy as CSS: rgb(34, 160, 204)
Is #22A0CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #22A0CC?
Complement: #cd5023.
Does #22A0CC have good contrast on white or black?
On white: 3.01:1 (AA (large text)). On black: 6.97:1 (AA (normal text)).