#DF20BA

#DF20BA

Color Values

HEX

#DF20BA

RGB

223, 32, 186

HSL

311.6, 74.9%, 50.0%

HSV

311.6, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 16.6%, 12.5%

OKLCH

0.6219 0.2572 338.3

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#DF20BA

#20DF45

Analogous

#A420DF

#DF205B

#DF20BA

Triadic

#DF20BA

#BADF20

#20BADF

Split Complementary

#DF20BA

#5BDF20

#20DFA4

Tetradic

#DF20BA

#DFA420

#20DF45

#205BDF

Color Blindness Simulation

Original

#DF20BA

Protanopia

#8C8B95

Deuteranopia

#97A68C

Tritanopia

#D57771

Achromatopsia

#545454

CSS Usage

background-color: #DF20BA;
color: #DF20BA;
border-color: #DF20BA;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF2FA
100
#F9E2F4
200
#F6C1EC
300
#F094DE
400
#E75ACC
500
#DF20BA
600
#B21A95
700
#8F1477
800
#6F105D
900
#511044
950
#330A2B

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05: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