#D983DF

#D983DF

Color Values

HEX

#D983DF

RGB

217, 131, 223

HSL

296,1, 59,0%, 69,4%

HSV

296,1, 41,3%, 87,5%

CMYK

2,7%, 41,3%, 0,0%, 12,5%

OKLCH

0,7326 0,1576 324,7

Properties

Cool Light Nearest: orchid

Color Harmonies

Complementary

#D983DF

#89DF83

Analogous

#AB83DF

#DF83B7

#D983DF

Triadic

#D983DF

#DFD983

#83DFD9

Split Complementary

#D983DF

#B7DF83

#83DFAB

Tetradic

#D983DF

#DFAB83

#89DF83

#83B7DF

Color Blindness Simulation

Original

#D983DF

Protanopia

#B4B3C9

Deuteranopia

#B9BFC3

Tritanopia

#D5B7B3

Achromatopsia

#9C9C9C

CSS Usage

background-color: #D983DF;
color: #D983DF;
border-color: #D983DF;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EEC6F0
300
#E19EE6
400
#D169D8
500
#C134CB
600
#9A2AA2
700
#7B2182
800
#601A65
900
#47174A
950
#2D0E2F

Contrast Checker

Text on white

2,54:1

AA Fail AAA Fail

Text on black

8,26:1

AA Pass AAA Pass

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