#9D228C

Color Details

HEX
#9D228C
RGB
rgb(157, 34, 140)
HSL
hsl(308, 64%, 37%)
CMYK
cmyk(0%, 78%, 11%, 38%)
Best text on this color #FFFFFF (CR 6.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9d228c
Contrast 3.04:1 Fail
White on #9d228c
Contrast 6.91:1 AA
#9d228c on Black
Contrast 3.04:1 Fail
#9d228c on White
Contrast 6.91:1 AA

Tints & Shades

#b14ea3
#c47aba
#d8a7d1
#7e1b70
#5e1454
#3f0e38

Complement & Analogous

#229b32
#9b224e
#6e229b

Triadic

#8b9b22
#228b9b

Monochrome

#3f0e38 #5e1454 #9d228c #c47aba #d8a7d1 #ebd3e8

Analogous

#6e229b #9a64b9 #9d228c #af4e71 #9b224e #7c1b3e

Complementary Mix

#5e1454 #9d228c #c47aba #229b32 #6fbe7a #166521

Nearby Colors

#9d228b
#9d228d
#9d227c
#9d229c

Embed #9D228C swatch

Embed this swatch

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

Open image

About #9D228C

#9D228C converts to RGB(157, 34, 140) and HSL(308, 64%, 37%). 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).

#9D228C FAQs

What is the RGB value of #9D228C?
RGB: 157, 34, 140. Copy as CSS: rgb(157, 34, 140)
Is #9D228C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9D228C?
Complement: #229b32.
Does #9D228C have good contrast on white or black?
On white: 6.91:1 (AA (normal text)). On black: 3.04:1 (AA (large text)).