#D86AB7

#D86AB7

Color Values

HEX

#D86AB7

RGB

216, 106, 183

HSL

318.0, 58.5%, 63.1%

HSV

318.0, 50.9%, 84.7%

CMYK

0.0%, 50.9%, 15.3%, 15.3%

OKLCH

0.6781 0.1646 340.1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#D86AB7

#6AD88B

Analogous

#C26AD8

#D86A80

#D86AB7

Triadic

#D86AB7

#B7D86A

#6AB7D8

Split Complementary

#D86AB7

#80D86A

#6AD8C2

Tetradic

#D86AB7

#D8C26A

#6AD88B

#6A80D8

Color Blindness Simulation

Original

#D86AB7

Protanopia

#A8A7A4

Deuteranopia

#AFB7A0

Tritanopia

#D29692

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F6E4F1
200
#F0C6E4
300
#E69ED0
400
#D869B7
500
#CA359D
600
#A22A7E
700
#812265
800
#651A4F
900
#4A173B
950
#2F0E25

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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