#C83080

#C83080

Color Values

HEX

#C83080

RGB

200, 48, 128

HSL

328.4, 61.3%, 48.6%

HSV

328.4, 76.0%, 78.4%

CMYK

0.0%, 76.0%, 36.0%, 21.6%

OKLCH

0.5687 0.1994 353.5

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C83080

#30C878

Analogous

#C430C8

#C83034

#C83080

Triadic

#C83080

#80C830

#3080C8

Split Complementary

#C83080

#34C830

#30C8C4

Tetradic

#C83080

#C8C430

#30C878

#3034C8

Color Blindness Simulation

Original

#C83080

Protanopia

#86856D

Deuteranopia

#8F9A68

Tritanopia

#C05D5A

Achromatopsia

#565656

CSS Usage

background-color: #C83080;
color: #C83080;
border-color: #C83080;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C5DC
300
#E79CC4
400
#DA67A4
500
#CE3184
600
#A52769
700
#842054
800
#671942
900
#4B1632
950
#2F0E20

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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