#12A0CC

Color Details

HEX
#12A0CC
RGB
rgb(18, 160, 204)
HSL
hsl(194, 84%, 44%)
CMYK
cmyk(91%, 22%, 0%, 20%)
Best text on this color #000000 (CR 6.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12a0cc
Contrast 6.93:1 AA
White on #12a0cc
Contrast 3.03:1 Fail
#12a0cc on Black
Contrast 6.93:1 AA
#12a0cc on White
Contrast 3.03:1 Fail

Tints & Shades

#41b3d6
#71c6e0
#a0d9eb
#0e80a3
#0b607a
#074052

Complement & Analogous

#ce3e12
#1244ce
#12ce9c

Triadic

#ce12a2
#a2ce12

Monochrome

#074052 #0b607a #12a0cc #71c6e0 #a0d9eb #d0ecf5

Analogous

#12ce9c #59ddba #12a0cc #4169d8 #1244ce #0e36a5

Complementary Mix

#0b607a #12a0cc #71c6e0 #ce3e12 #df8265 #86280c

Nearby Colors

#12a0cb
#12a0cd
#12a0bc
#12a0dc

Embed #12A0CC swatch

Embed this swatch

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

Open image

About #12A0CC

#12A0CC converts to RGB(18, 160, 204) and HSL(194, 84%, 44%). 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).

#12A0CC FAQs

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