#C280AA

#C280AA

Color Values

HEX

#C280AA

RGB

194, 128, 170

HSL

321.8, 35.1%, 63.1%

HSV

321.8, 34.0%, 76.1%

CMYK

0.0%, 34.0%, 12.4%, 23.9%

OKLCH

0.6805 0.098 341.4

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C280AA

#80C298

Analogous

#B980C2

#C28089

#C280AA

Triadic

#C280AA

#AAC280

#80AAC2

Split Complementary

#C280AA

#89C280

#80C2B9

Tetradic

#C280AA

#C2B980

#80C298

#8089C2

Color Blindness Simulation

Original

#C280AA

Protanopia

#A5A5A0

Deuteranopia

#A9AE9D

Tritanopia

#BF9896

Achromatopsia

#919191

CSS Usage

background-color: #C280AA;
color: #C280AA;
border-color: #C280AA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F8
100
#F2E8EF
200
#E8CFDF
300
#D7ACC8
400
#C280AA
500
#AC538C
600
#8A4270
700
#6E3559
800
#562946
900
#402135
950
#281521

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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