#CD76A8

#CD76A8

Color Values

HEX

#CD76A8

RGB

205, 118, 168

HSL

325.5, 46.5%, 63.3%

HSV

325.5, 42.4%, 80.4%

CMYK

0.0%, 42.4%, 18.0%, 19.6%

OKLCH

0.6762 0.1245 345.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CD76A8

#76CD9B

Analogous

#C676CD

#CD767C

#CD76A8

Triadic

#CD76A8

#A8CD76

#76A8CD

Split Complementary

#CD76A8

#7CCD76

#76CDC6

Tetradic

#CD76A8

#CDC676

#76CD9B

#767CCD

Color Blindness Simulation

Original

#CD76A8

Protanopia

#A7A79C

Deuteranopia

#ACB399

Tritanopia

#C99290

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA5C6
400
#CD75A7
500
#BB4488
600
#95376D
700
#782C57
800
#5D2244
900
#451C33
950
#2B1221

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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