#D366D0

#D366D0

Color Values

HEX

#D366D0

RGB

211, 102, 208

HSL

301.7, 55.3%, 61.4%

HSV

301.7, 51.7%, 82.7%

CMYK

0.0%, 51.7%, 1.4%, 17.3%

OKLCH

0.6772 0.1875 328.4

Properties

Warm Light Nearest: orchid

Color Harmonies

Complementary

#D366D0

#66D369

Analogous

#A066D3

#D36699

#D366D0

Triadic

#D366D0

#D0D366

#66D0D3

Split Complementary

#D366D0

#99D366

#66D3A0

Tetradic

#D366D0

#D3A066

#66D369

#6699D3

Color Blindness Simulation

Original

#D366D0

Protanopia

#A4A3B6

Deuteranopia

#AAB2B0

Tritanopia

#CEA29E

Achromatopsia

#858585

CSS Usage

background-color: #D366D0;
color: #D366D0;
border-color: #D366D0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FB
100
#F6E5F5
200
#EFC8EE
300
#E4A0E2
400
#D56CD2
500
#C639C2
600
#9E2E9B
700
#7F247C
800
#631C61
900
#491847
950
#2E0F2D

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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