#DE83DA

#DE83DA

Color Values

HEX

#DE83DA

RGB

222, 131, 218

HSL

302.6, 58.0%, 69.2%

HSV

302.6, 41.0%, 87.1%

CMYK

0.0%, 41.0%, 1.8%, 12.9%

OKLCH

0.7361 0.1561 328.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DE83DA

#83DE87

Analogous

#B483DE

#DE83AD

#DE83DA

Triadic

#DE83DA

#DADE83

#83DADE

Split Complementary

#DE83DA

#ADDE83

#83DEB4

Tetradic

#DE83DA

#DEB483

#83DE87

#83ADDE

Color Blindness Simulation

Original

#DE83DA

Protanopia

#B7B6C5

Deuteranopia

#BCC3C0

Tritanopia

#D9B4B1

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7EE
300
#E59EE2
400
#D76AD3
500
#C936C3
600
#A12B9C
700
#81227D
800
#651B62
900
#4A1748
950
#2F0F2D

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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