#D66BCF

#D66BCF

Color Values

HEX

#D66BCF

RGB

214, 107, 207

HSL

303.9, 56.6%, 62.9%

HSV

303.9, 50.0%, 83.9%

CMYK

0.0%, 50.0%, 3.3%, 16.1%

OKLCH

0.6872 0.1806 329.8

Properties

Warm Light Nearest: orchid

Color Harmonies

Complementary

#D66BCF

#6BD672

Analogous

#A76BD6

#D66B99

#D66BCF

Triadic

#D66BCF

#CFD66B

#6BCFD6

Split Complementary

#D66BCF

#99D66B

#6BD6A7

Tetradic

#D66BCF

#D6A76B

#6BD672

#6B99D6

Color Blindness Simulation

Original

#D66BCF

Protanopia

#A8A7B7

Deuteranopia

#AEB6B1

Tritanopia

#D1A4A0

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E5F5
200
#F0C7ED
300
#E49FE0
400
#D66BCF
500
#C837BE
600
#A02C98
700
#80237A
800
#641C5F
900
#491846
950
#2E0F2C

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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