#2D22DD

Color Details

HEX
#2D22DD
RGB
rgb(45, 34, 221)
HSL
hsl(244, 73%, 50%)
CMYK
cmyk(80%, 85%, 0%, 13%)
Best text on this color #FFFFFF (CR 8.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d22dd
Contrast 2.38:1 Fail
White on #2d22dd
Contrast 8.81:1 AAA
#2d22dd on Black
Contrast 2.38:1 Fail
#2d22dd on White
Contrast 8.81:1 AAA

Tints & Shades

#574ee4
#817aeb
#aba7f1
#241bb1
#1b1485
#120e58

Complement & Analogous

#d0dd22
#8c22dd
#2273dd

Triadic

#dd2f22
#22dd2f

Monochrome

#120e58 #1b1485 #2d22dd #817aeb #aba7f1 #d5d3f8

Analogous

#2273dd #649de7 #2d22dd #a34ee4 #8c22dd #701bb1

Complementary Mix

#1b1485 #2d22dd #817aeb #d0dd22 #e0e96f #879016

Nearby Colors

#2d22dc
#2d22de
#2d22cd
#2d22ed

Embed #2D22DD swatch

Embed this swatch

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

Open image

About #2D22DD

#2D22DD converts to RGB(45, 34, 221) and HSL(244, 73%, 50%). 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).

#2D22DD FAQs

What is the RGB value of #2D22DD?
RGB: 45, 34, 221. Copy as CSS: rgb(45, 34, 221)
Is #2D22DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D22DD?
Complement: #d0dd22.
Does #2D22DD have good contrast on white or black?
On white: 8.81:1 (AAA (normal text)). On black: 2.38:1 (Fails AA).