#DC7CCE

#DC7CCE

Color Values

HEX

#DC7CCE

RGB

220, 124, 206

HSL

308.8, 57.8%, 67.5%

HSV

308.8, 43.6%, 86.3%

CMYK

0.0%, 43.6%, 6.4%, 13.7%

OKLCH

0.7182 0.1559 332.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DC7CCE

#7CDC8A

Analogous

#BA7CDC

#DC7C9E

#DC7CCE

Triadic

#DC7CCE

#CEDC7C

#7CCEDC

Split Complementary

#DC7CCE

#9EDC7C

#7CDCBA

Tetradic

#DC7CCE

#DCBA7C

#7CDC8A

#7C9EDC

Color Blindness Simulation

Original

#DC7CCE

Protanopia

#B2B2BA

Deuteranopia

#B8BFB5

Tritanopia

#D7AAA7

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F6E4F3
200
#F0C7EA
300
#E59EDB
400
#D76AC7
500
#C936B4
600
#A12B90
700
#812273
800
#651B5A
900
#4A1742
950
#2F0F2A

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026