#D66BC4

#D66BC4

Color Values

HEX

#D66BC4

RGB

214, 107, 196

HSL

310.1, 56.6%, 62.9%

HSV

310.1, 50.0%, 83.9%

CMYK

0.0%, 50.0%, 8.4%, 16.1%

OKLCH

0.6823 0.1714 334.0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#D66BC4

#6BD67D

Analogous

#B26BD6

#D66B8E

#D66BC4

Triadic

#D66BC4

#C4D66B

#6BC4D6

Split Complementary

#D66BC4

#8ED66B

#6BD6B2

Tetradic

#D66BC4

#D6B26B

#6BD67D

#6B8ED6

Color Blindness Simulation

Original

#D66BC4

Protanopia

#A8A7AE

Deuteranopia

#AEB6A9

Tritanopia

#D19D9A

Achromatopsia

#888888

CSS Usage

background-color: #D66BC4;
color: #D66BC4;
border-color: #D66BC4;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4FA
100
#F6E5F3
200
#F0C7E9
300
#E49FD9
400
#D66BC4
500
#C837AF
600
#A02C8C
700
#802370
800
#641C58
900
#491841
950
#2E0F29

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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