#CD70B2

#CD70B2

Color Values

HEX

#CD70B2

RGB

205, 112, 178

HSL

317.4, 48.2%, 62.2%

HSV

317.4, 45.4%, 80.4%

CMYK

0.0%, 45.4%, 13.2%, 19.6%

OKLCH

0.6707 0.1419 339.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CD70B2

#70CD8B

Analogous

#BA70CD

#CD7084

#CD70B2

Triadic

#CD70B2

#B2CD70

#70B2CD

Split Complementary

#CD70B2

#84CD70

#70CDBA

Tetradic

#CD70B2

#CDBA70

#70CD8B

#7084CD

Color Blindness Simulation

Original

#CD70B2

Protanopia

#A5A4A2

Deuteranopia

#AAB19E

Tritanopia

#C89593

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F0
200
#EDCAE3
300
#DFA4CE
400
#CE73B4
500
#BD4299
600
#97357B
700
#792A62
800
#5E214D
900
#451B39
950
#2C1124

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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