#DF17E8

#DF17E8

Color Values

HEX

#DF17E8

RGB

223, 23, 232

HSL

297.4, 82.0%, 50.0%

HSV

297.4, 90.1%, 91.0%

CMYK

3.9%, 90.1%, 0.0%, 9.0%

OKLCH

0.6442 0.291 326.1

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#DF17E8

#20E817

Analogous

#7617E8

#E81789

#DF17E8

Triadic

#DF17E8

#E8DF17

#17E8DF

Split Complementary

#DF17E8

#89E817

#17E876

Tetradic

#DF17E8

#E87617

#20E817

#1789E8

Color Blindness Simulation

Original

#DF17E8

Protanopia

#8887B5

Deuteranopia

#94A3A9

Tritanopia

#D58D85

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1FA
200
#F6BEF9
300
#F090F4
400
#E753EE
500
#DF17E8
600
#B212BA
700
#8F0F95
800
#6F0B74
900
#510D54
950
#330835

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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