#DC6686

#DC6686

Color Values

HEX

#DC6686

RGB

220, 102, 134

HSL

343.7, 62.8%, 63.1%

HSV

343.7, 53.6%, 86.3%

CMYK

0.0%, 53.6%, 39.1%, 13.7%

OKLCH

0.6612 0.1504 5.1

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DC6686

#66DCBC

Analogous

#DC66C1

#DC8166

#DC6686

Triadic

#DC6686

#86DC66

#6686DC

Split Complementary

#DC6686

#66DC81

#66C1DC

Tetradic

#DC6686

#C1DC66

#66DCBC

#8166DC

Color Blindness Simulation

Original

#DC6686

Protanopia

#A9A87E

Deuteranopia

#B0B97C

Tritanopia

#D67877

Achromatopsia

#818181

CSS Usage

background-color: #DC6686;
color: #DC6686;
border-color: #DC6686;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF3F5
100
#F7E4E9
200
#F2C5D1
300
#E89BB0
400
#DC6586
500
#D02F5B
600
#A62649
700
#851E3A
800
#68182D
900
#4C1524
950
#300D17

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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