#0C717C

Color Details

HEX
#0C717C
RGB
rgb(12, 113, 124)
HSL
hsl(186, 82%, 27%)
CMYK
cmyk(90%, 9%, 0%, 51%)
Best text on this color #FFFFFF (CR 5.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c717c
Contrast 3.67:1 Fail
White on #0c717c
Contrast 5.72:1 AA
#0c717c on Black
Contrast 3.67:1 Fail
#0c717c on White
Contrast 5.72:1 AA

Tints & Shades

#3d8d96
#6daab0
#9ec6cb
#0a5a63
#07444a
#052d32

Complement & Analogous

#7d180c
#0c3a7d
#0c7d50

Triadic

#7d0c72
#727d0c

Monochrome

#052d32 #07444a #0c717c #6daab0 #9ec6cb #cee3e5

Analogous

#0c7d50 #55a485 #0c717c #3d6197 #0c3a7d #0a2e64

Complementary Mix

#07444a #0c717c #6daab0 #7d180c #ab6961 #511008

Nearby Colors

#0c717b
#0c717d
#0c716c
#0c718c

Embed #0C717C swatch

Embed this swatch

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

Open image

About #0C717C

#0C717C converts to RGB(12, 113, 124) and HSL(186, 82%, 27%). 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).

#0C717C FAQs

What is the RGB value of #0C717C?
RGB: 12, 113, 124. Copy as CSS: rgb(12, 113, 124)
Is #0C717C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0C717C?
Complement: #7d180c.
Does #0C717C have good contrast on white or black?
On white: 5.72:1 (AA (normal text)). On black: 3.67:1 (AA (large text)).