#DF1BE4

#DF1BE4

Color Values

HEX

#DF1BE4

RGB

223, 27, 228

HSL

298.5, 78.8%, 50.0%

HSV

298.5, 88.2%, 89.4%

CMYK

2.2%, 88.2%, 0.0%, 10.6%

OKLCH

0.643 0.2867 327.1

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#DF1BE4

#20E41B

Analogous

#7A1BE4

#E41B85

#DF1BE4

Triadic

#DF1BE4

#E4DF1B

#1BE4DF

Split Complementary

#DF1BE4

#85E41B

#1BE47A

Tetradic

#DF1BE4

#E47A1B

#20E41B

#1B85E4

Color Blindness Simulation

Original

#DF1BE4

Protanopia

#8A88B3

Deuteranopia

#96A4A8

Tritanopia

#D58D85

Achromatopsia

#535353

CSS Usage

background-color: #DF1BE4;
color: #DF1BE4;
border-color: #DF1BE4;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6BFF7
300
#F092F2
400
#E756EB
500
#DF1BE4
600
#B216B6
700
#8F1192
800
#6F0E72
900
#510E53
950
#330934

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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