#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026