#22A5CC

Color Details

HEX
#22A5CC
RGB
rgb(34, 165, 204)
HSL
hsl(194, 71%, 47%)
CMYK
cmyk(83%, 19%, 0%, 20%)
Best text on this color #000000 (CR 7.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #22a5cc
Contrast 7.32:1 AAA
White on #22a5cc
Contrast 2.87:1 Fail
#22a5cc on Black
Contrast 7.32:1 AAA
#22a5cc on White
Contrast 2.87:1 Fail

Tints & Shades

#4eb7d6
#7ac9e0
#a7dbeb
#1b84a3
#14637a
#0e4252

Complement & Analogous

#cd4a23
#2350cd
#23cda0

Triadic

#cd23a5
#a5cd23

Monochrome

#0e4252 #14637a #22a5cc #7ac9e0 #a7dbeb #d3edf5

Analogous

#23cda0 #65dcbd #22a5cc #4f73d7 #2350cd #1c40a4

Complementary Mix

#14637a #22a5cc #7ac9e0 #cd4a23 #df8970 #853017

Nearby Colors

#22a5cb
#22a5cd
#22a5bc
#22a5dc

Embed #22A5CC swatch

Embed this swatch

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

Open image

About #22A5CC

#22A5CC converts to RGB(34, 165, 204) and HSL(194, 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).

#22A5CC FAQs

What is the RGB value of #22A5CC?
RGB: 34, 165, 204. Copy as CSS: rgb(34, 165, 204)
Is #22A5CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #22A5CC?
Complement: #cd4a23.
Does #22A5CC have good contrast on white or black?
On white: 2.87:1 (Fails AA). On black: 7.32:1 (AAA (normal text)).