#D661DC

#D661DC

Color Values

HEX

#D661DC

RGB

214, 97, 220

HSL

297.1, 63.7%, 62.2%

HSV

297.1, 55.9%, 86.3%

CMYK

2.7%, 55.9%, 0.0%, 13.7%

OKLCH

0.6806 0.2072 325.6

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#D661DC

#67DC61

Analogous

#9961DC

#DC61A5

#D661DC

Triadic

#D661DC

#DCD661

#61DCD6

Split Complementary

#D661DC

#A5DC61

#61DC99

Tetradic

#D661DC

#DC9961

#67DC61

#61A5DC

Color Blindness Simulation

Original

#D661DC

Protanopia

#A3A2BE

Deuteranopia

#AAB3B7

Tritanopia

#D0A7A2

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E3F7
200
#F0C5F2
300
#E59BE9
400
#D765DD
500
#C92ED1
600
#A125A7
700
#811E86
800
#641768
900
#4A154C
950
#2E0D30

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026