#C650C0

#C650C0

Color Values

HEX

#C650C0

RGB

198, 80, 192

HSL

303.1, 50.9%, 54.5%

HSV

303.1, 59.6%, 77.6%

CMYK

0.0%, 59.6%, 3.0%, 22.4%

OKLCH

0.6252 0.199 329.7

Properties

Warm Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#C650C0

#50C656

Analogous

#9150C6

#C65085

#C650C0

Triadic

#C650C0

#C0C650

#50C0C6

Split Complementary

#C650C0

#85C650

#50C691

Tetradic

#C650C0

#C69150

#50C656

#5085C6

Color Blindness Simulation

Original

#C650C0

Protanopia

#9392A5

Deuteranopia

#9AA39E

Tritanopia

#C08F8B

Achromatopsia

#717171

CSS Usage

background-color: #C650C0;
color: #C650C0;
border-color: #C650C0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EDC9EC
300
#E1A3DE
400
#D171CC
500
#C03FBA
600
#9A3295
700
#7B2877
800
#601F5D
900
#471A44
950
#2D112B

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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