#2C3AFC

Color Details

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

Readability Previews

Black on #2c3afc
Contrast 3.12:1 Fail
White on #2c3afc
Contrast 6.74:1 AA
#2c3afc on Black
Contrast 3.12:1 Fail
#2c3afc on White
Contrast 6.74:1 AA

Tints & Shades

#5661fd
#8089fd
#abb0fe
#232eca
#1a2397
#121765

Complement & Analogous

#fcee2c
#862cfc
#2ca2fc

Triadic

#fc2c3a
#3afc2c

Monochrome

#121765 #1a2397 #2c3afc #8089fd #abb0fe #d5d8fe

Analogous

#2ca2fc #6bbefd #2c3afc #9e56fd #862cfc #6b23ca

Complementary Mix

#1a2397 #2c3afc #8089fd #fcee2c #fdf476 #a49b1d

Nearby Colors

#2c3afb
#2c3afd
#2c3aec
#2c3b0c

Embed #2C3AFC swatch

Embed this swatch

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

Open image

About #2C3AFC

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

#2C3AFC FAQs

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