#C283AA

#C283AA

Color Values

HEX

#C283AA

RGB

194, 131, 170

HSL

322.9, 34.1%, 63.7%

HSV

322.9, 32.5%, 76.1%

CMYK

0.0%, 32.5%, 12.4%, 23.9%

OKLCH

0.6857 0.0926 342.1

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C283AA

#83C29B

Analogous

#BB83C2

#C2838A

#C283AA

Triadic

#C283AA

#AAC283

#83AAC2

Split Complementary

#C283AA

#8AC283

#83C2BB

Tetradic

#C283AA

#C2BB83

#83C29B

#838AC2

Color Blindness Simulation

Original

#C283AA

Protanopia

#A7A6A1

Deuteranopia

#AAAF9E

Tritanopia

#BF9997

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E7CFDE
300
#D7ADC7
400
#C180A8
500
#AB548A
600
#89436E
700
#6D3658
800
#552A45
900
#3F2234
950
#281521

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

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