#C817BA

#C817BA

Color Values

HEX

#C817BA

RGB

200, 23, 186

HSL

304.7, 79.4%, 43.7%

HSV

304.7, 88.5%, 78.4%

CMYK

0.0%, 88.5%, 7.0%, 21.6%

OKLCH

0.5817 0.2519 332.2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C817BA

#17C825

Analogous

#7D17C8

#C81762

#C817BA

Triadic

#C817BA

#BAC817

#17BAC8

Split Complementary

#C817BA

#62C817

#17C87D

Tetradic

#C817BA

#C87D17

#17C825

#1762C8

Color Blindness Simulation

Original

#C817BA

Protanopia

#7B7A93

Deuteranopia

#869389

Tritanopia

#BF736D

Achromatopsia

#484848

CSS Usage

background-color: #C817BA;
color: #C817BA;
border-color: #C817BA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FC
100
#F9E1F7
200
#F8BFF3
300
#F291EB
400
#EC56E0
500
#E51AD5
600
#B715AA
700
#921188
800
#720D6A
900
#530E4E
950
#340931

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail 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