#2CECFC

Color Details

HEX
#2CECFC
RGB
rgb(44, 236, 252)
HSL
hsl(185, 97%, 58%)
CMYK
cmyk(83%, 6%, 0%, 1%)
Best text on this color #000000 (CR 14.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2cecfc
Contrast 14.51:1 AAA
White on #2cecfc
Contrast 1.45:1 Fail
#2cecfc on Black
Contrast 14.51:1 AAA
#2cecfc on White
Contrast 1.45:1 Fail

Tints & Shades

#56f0fd
#80f4fd
#abf7fe
#23bdca
#1a8e97
#125e65

Complement & Analogous

#fc3d2c
#2c83fc
#2cfca5

Triadic

#fc2cea
#eafc2c

Monochrome

#125e65 #1a8e97 #2cecfc #80f4fd #abf7fe #d5fbfe

Analogous

#2cfca5 #6bfdc0 #2cecfc #569cfd #2c83fc #2369ca

Complementary Mix

#1a8e97 #2cecfc #80f4fd #fc3d2c #fd8176 #a4281d

Nearby Colors

#2cecfb
#2cecfd
#2cecec
#2ced0c

Embed #2CECFC swatch

Embed this swatch

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

Open image

About #2CECFC

#2CECFC converts to RGB(44, 236, 252) and HSL(185, 97%, 58%). 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).

#2CECFC FAQs

What is the RGB value of #2CECFC?
RGB: 44, 236, 252. Copy as CSS: rgb(44, 236, 252)
Is #2CECFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2CECFC?
Complement: #fc3d2c.
Does #2CECFC have good contrast on white or black?
On white: 1.45:1 (Fails AA). On black: 14.51:1 (AAA (normal text)).