#CD70B1

#CD70B1

Color Values

HEX

#CD70B1

RGB

205, 112, 177

HSL

318.1, 48.2%, 62.2%

HSV

318.1, 45.4%, 80.4%

CMYK

0.0%, 45.4%, 13.7%, 19.6%

OKLCH

0.6703 0.1412 339.6

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CD70B1

#70CD8C

Analogous

#BB70CD

#CD7083

#CD70B1

Triadic

#CD70B1

#B1CD70

#70B1CD

Split Complementary

#CD70B1

#83CD70

#70CDBB

Tetradic

#CD70B1

#CDBB70

#70CD8C

#7083CD

Color Blindness Simulation

Original

#CD70B1

Protanopia

#A5A4A1

Deuteranopia

#AAB19E

Tritanopia

#C89592

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F0
200
#EDCAE2
300
#DFA4CE
400
#CE73B3
500
#BD4298
600
#97357A
700
#792A61
800
#5E214C
900
#451B39
950
#2C1124

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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