#2C6AFC

Color Details

HEX
#2C6AFC
RGB
rgb(44, 106, 252)
HSL
hsl(222, 97%, 58%)
CMYK
cmyk(83%, 58%, 0%, 1%)
Best text on this color #FFFFFF (CR 4.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c6afc
Contrast 4.57:1 AA
White on #2c6afc
Contrast 4.59:1 AA
#2c6afc on Black
Contrast 4.57:1 AA
#2c6afc on White
Contrast 4.59:1 AA

Tints & Shades

#5688fd
#80a6fd
#abc3fe
#2355ca
#1a4097
#122a65

Complement & Analogous

#fcbd2c
#562cfc
#2cd2fc

Triadic

#fc2c6a
#6afc2c

Monochrome

#122a65 #1a4097 #2c6afc #80a6fd #abc3fe #d5e1fe

Analogous

#2cd2fc #6be0fd #2c6afc #7856fd #562cfc #4523ca

Complementary Mix

#1a4097 #2c6afc #80a6fd #fcbd2c #fdd476 #a47b1d

Nearby Colors

#2c6afb
#2c6afd
#2c6aec
#2c6b0c

Embed #2C6AFC swatch

Embed this swatch

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

Open image

About #2C6AFC

#2C6AFC converts to RGB(44, 106, 252) and HSL(222, 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).

#2C6AFC FAQs

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