#D664DB

#D664DB

Color Values

HEX

#D664DB

RGB

214, 100, 219

HSL

297.5, 62.3%, 62.5%

HSV

297.5, 54.3%, 85.9%

CMYK

2.3%, 54.3%, 0.0%, 14.1%

OKLCH

0.6838 0.2019 325.9

Properties

Cool Light Nearest: orchid 2

Color Harmonies

Complementary

#D664DB

#69DB64

Analogous

#9A64DB

#DB64A4

#D664DB

Triadic

#D664DB

#DBD664

#64DBD6

Split Complementary

#D664DB

#A4DB64

#64DB9A

Tetradic

#D664DB

#DB9A64

#69DB64

#64A4DB

Color Blindness Simulation

Original

#D664DB

Protanopia

#A5A4BE

Deuteranopia

#ABB4B7

Tritanopia

#D0A7A2

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F0C5F2
300
#E59CE8
400
#D766DB
500
#C830CF
600
#A026A6
700
#801F84
800
#641867
900
#49154C
950
#2E0D30

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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