#DD22BA

#DD22BA

Color Values

HEX

#DD22BA

RGB

221, 34, 186

HSL

311.2, 73.3%, 50.0%

HSV

311.2, 84.6%, 86.7%

CMYK

0.0%, 84.6%, 15.8%, 13.3%

OKLCH

0.6196 0.2551 337.8

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#DD22BA

#22DD45

Analogous

#A222DD

#DD225D

#DD22BA

Triadic

#DD22BA

#BADD22

#22BADD

Split Complementary

#DD22BA

#5DDD22

#22DDA2

Tetradic

#DD22BA

#DDA222

#22DD45

#225DDD

Color Blindness Simulation

Original

#DD22BA

Protanopia

#8C8A95

Deuteranopia

#97A58C

Tritanopia

#D47872

Achromatopsia

#555555

CSS Usage

background-color: #DD22BA;
color: #DD22BA;
border-color: #DD22BA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FA
100
#F8E2F4
200
#F5C1EC
300
#EF95DE
400
#E65BCC
500
#DD22BA
600
#B11B95
700
#8D1677
800
#6E115D
900
#501044
950
#330A2B

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026