#C970D1

#C970D1

Color Values

HEX

#C970D1

RGB

201, 112, 209

HSL

295.1, 51.3%, 62.9%

HSV

295.1, 46.4%, 82.0%

CMYK

3.8%, 46.4%, 0.0%, 18.0%

OKLCH

0.6793 0.1663 324.1

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C970D1

#78D170

Analogous

#9870D1

#D170A8

#C970D1

Triadic

#C970D1

#D1C970

#70D1C9

Split Complementary

#C970D1

#A8D170

#70D198

Tetradic

#C970D1

#D19870

#78D170

#70A8D1

Color Blindness Simulation

Original

#C970D1

Protanopia

#A2A2BA

Deuteranopia

#A8AEB4

Tritanopia

#C5A7A3

Achromatopsia

#8A8A8A

CSS Usage

background-color: #C970D1;
color: #C970D1;
border-color: #C970D1;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC9EE
300
#DCA2E1
400
#C970D1
500
#B63EC1
600
#92329A
700
#75287B
800
#5B1F60
900
#431A47
950
#2A102D

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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