#D691DC

#D691DC

Color Values

HEX

#D691DC

RGB

214, 145, 220

HSL

295.2, 51.7%, 71.6%

HSV

295.2, 34.1%, 86.3%

CMYK

2.7%, 34.1%, 0.0%, 13.7%

OKLCH

0.7503 0.1287 324.0

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D691DC

#97DC91

Analogous

#B191DC

#DC91BD

#D691DC

Triadic

#D691DC

#DCD691

#91DCD6

Split Complementary

#D691DC

#BDDC91

#91DCB1

Tetradic

#D691DC

#DCB191

#97DC91

#91BDDC

Color Blindness Simulation

Original

#D691DC

Protanopia

#B8B8CA

Deuteranopia

#BCC1C6

Tritanopia

#D3BCB8

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC9EE
300
#DCA2E1
400
#CA70D1
500
#B73EC1
600
#92319B
700
#75277C
800
#5B1F61
900
#431A47
950
#2B102D

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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