#DD227C

Color Details

HEX
#DD227C
RGB
rgb(221, 34, 124)
HSL
hsl(331, 73%, 50%)
CMYK
cmyk(0%, 85%, 44%, 13%)
Best text on this color #000000 (CR 4.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dd227c
Contrast 4.59:1 AA
White on #dd227c
Contrast 4.57:1 AA
#dd227c on Black
Contrast 4.59:1 AA
#dd227c on White
Contrast 4.57:1 AA

Tints & Shades

#e44e96
#eb7ab0
#f1a7cb
#b11b63
#85144a
#580e32

Complement & Analogous

#22dd83
#dd2622
#dd22d9

Triadic

#7cdd22
#227cdd

Monochrome

#580e32 #85144a #dd227c #eb7ab0 #f1a7cb #f8d3e5

Analogous

#dd22d9 #e764e4 #dd227c #e4514e #dd2622 #b11e1b

Complementary Mix

#85144a #dd227c #eb7ab0 #22dd83 #6fe9ae #169055

Nearby Colors

#dd227b
#dd227d
#dd226c
#dd228c

Embed #DD227C swatch

Embed this swatch

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

Open image

About #DD227C

#DD227C converts to RGB(221, 34, 124) and HSL(331, 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).

#DD227C FAQs

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