#2C20D1

Color Details

HEX
#2C20D1
RGB
rgb(44, 32, 209)
HSL
hsl(244, 73%, 47%)
CMYK
cmyk(79%, 85%, 0%, 18%)
Best text on this color #FFFFFF (CR 9.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c20d1
Contrast 2.23:1 Fail
White on #2c20d1
Contrast 9.40:1 AAA
#2c20d1 on Black
Contrast 2.23:1 Fail
#2c20d1 on White
Contrast 9.40:1 AAA

Tints & Shades

#564dda
#8079e3
#aba6ed
#231aa7
#1a137d
#120d54

Complement & Analogous

#c4cf20
#8420cf
#206ccf

Triadic

#cf2c20
#20cf2c

Monochrome

#120d54 #1a137d #2c20d1 #8079e3 #aba6ed #d5d2f6

Analogous

#206ccf #6398dd #2c20d1 #9d4dd9 #8420cf #6a1aa6

Complementary Mix

#1a137d #2c20d1 #8079e3 #c4cf20 #d9e06e #7f8715

Nearby Colors

#2c20d0
#2c20d2
#2c20c1
#2c20e1

Embed #2C20D1 swatch

Embed this swatch

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

Open image

About #2C20D1

#2C20D1 converts to RGB(44, 32, 209) and HSL(244, 73%, 47%). 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).

#2C20D1 FAQs

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