#DC7FB0

#DC7FB0

Color Values

HEX

#DC7FB0

RGB

220, 127, 176

HSL

328.4, 57.1%, 68.0%

HSV

328.4, 42.3%, 86.3%

CMYK

0.0%, 42.3%, 20.0%, 13.7%

OKLCH

0.7114 0.1286 348.0

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DC7FB0

#7FDCAB

Analogous

#DA7FDC

#DC7F81

#DC7FB0

Triadic

#DC7FB0

#B0DC7F

#7FB0DC

Split Complementary

#DC7FB0

#81DC7F

#7FDCDA

Tetradic

#DC7FB0

#DCDA7F

#7FDCAB

#7F81DC

Color Blindness Simulation

Original

#DC7FB0

Protanopia

#B4B3A4

Deuteranopia

#B9C0A1

Tritanopia

#D79B99

Achromatopsia

#969696

CSS Usage

background-color: #DC7FB0;
color: #DC7FB0;
border-color: #DC7FB0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C7DC
300
#E59FC4
400
#D76BA4
500
#C83783
600
#A02C69
700
#802354
800
#641B42
900
#491832
950
#2E0F1F

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026