#0CECF5

Color Details

HEX
#0CECF5
RGB
rgb(12, 236, 245)
HSL
hsl(182, 92%, 50%)
CMYK
cmyk(95%, 4%, 0%, 4%)
Best text on this color #000000 (CR 14.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0cecf5
Contrast 14.33:1 AAA
White on #0cecf5
Contrast 1.47:1 Fail
#0cecf5 on Black
Contrast 14.33:1 AAA
#0cecf5 on White
Contrast 1.47:1 Fail

Tints & Shades

#3df0f7
#6df4f9
#9ef7fb
#0abdc4
#078e93
#055e62

Complement & Analogous

#f5120a
#0a78f5
#0af587

Triadic

#f50aed
#edf50a

Monochrome

#055e62 #078e93 #0cecf5 #6df4f9 #9ef7fb #cefbfd

Analogous

#0af587 #54f8ab #0cecf5 #3b93f7 #0a78f5 #0860c4

Complementary Mix

#078e93 #0cecf5 #6df4f9 #f5120a #f96560 #9f0c07

Nearby Colors

#0cecf4
#0cecf6
#0cece5
#0ced05

Embed #0CECF5 swatch

Embed this swatch

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

Open image

About #0CECF5

#0CECF5 converts to RGB(12, 236, 245) and HSL(182, 92%, 50%). 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).

#0CECF5 FAQs

What is the RGB value of #0CECF5?
RGB: 12, 236, 245. Copy as CSS: rgb(12, 236, 245)
Is #0CECF5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0CECF5?
Complement: #f5120a.
Does #0CECF5 have good contrast on white or black?
On white: 1.47:1 (Fails AA). On black: 14.33:1 (AAA (normal text)).