#D67FC5

#D67FC5

Color Values

HEX

#D67FC5

RGB

214, 127, 197

HSL

311.7, 51.5%, 66.9%

HSV

311.7, 40.7%, 83.9%

CMYK

0.0%, 40.7%, 7.9%, 16.1%

OKLCH

0.712 0.1386 334.5

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#D67FC5

#7FD690

Analogous

#BC7FD6

#D67F9A

#D67FC5

Triadic

#D67FC5

#C5D67F

#7FC5D6

Split Complementary

#D67FC5

#9AD67F

#7FD6BC

Tetradic

#D67FC5

#D6BC7F

#7FD690

#7F9AD6

Color Blindness Simulation

Original

#D67FC5

Protanopia

#B0B0B4

Deuteranopia

#B5BCB0

Tritanopia

#D2A7A4

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F5E5F2
200
#EEC9E7
300
#E1A2D5
400
#D170BE
500
#C13EA8
600
#9B3186
700
#7C286B
800
#611F54
900
#471A3E
950
#2D1027

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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