#2C8DFC

Color Details

HEX
#2C8DFC
RGB
rgb(44, 141, 252)
HSL
hsl(212, 97%, 58%)
CMYK
cmyk(83%, 44%, 0%, 1%)
Best text on this color #000000 (CR 6.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c8dfc
Contrast 6.32:1 AA
White on #2c8dfc
Contrast 3.32:1 Fail
#2c8dfc on Black
Contrast 6.32:1 AA
#2c8dfc on White
Contrast 3.32:1 Fail

Tints & Shades

#56a4fd
#80bbfd
#abd1fe
#2371ca
#1a5597
#123865

Complement & Analogous

#fc9b2c
#332cfc
#2cf5fc

Triadic

#fc2c8d
#8dfc2c

Monochrome

#123865 #1a5597 #2c8dfc #80bbfd #abd1fe #d5e8fe

Analogous

#2cf5fc #6bf8fd #2c8dfc #5c56fd #332cfc #2923ca

Complementary Mix

#1a5597 #2c8dfc #80bbfd #fc9b2c #fdbe76 #a4651d

Nearby Colors

#2c8dfb
#2c8dfd
#2c8dec
#2c8e0c

Embed #2C8DFC swatch

Embed this swatch

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

Open image

About #2C8DFC

#2C8DFC converts to RGB(44, 141, 252) and HSL(212, 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).

#2C8DFC FAQs

What is the RGB value of #2C8DFC?
RGB: 44, 141, 252. Copy as CSS: rgb(44, 141, 252)
Is #2C8DFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2C8DFC?
Complement: #fc9b2c.
Does #2C8DFC have good contrast on white or black?
On white: 3.32:1 (AA (large text)). On black: 6.32:1 (AA (normal text)).