#C47BBA

#C47BBA

Color Values

HEX

#C47BBA

RGB

196, 123, 186

HSL

308,2, 38,2%, 62,5%

HSV

308,2, 37,2%, 76,9%

CMYK

0,0%, 37,2%, 5,1%, 23,1%

OKLCH

0,6805 0,1222 331,9

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C47BBA

#7BC485

Analogous

#A97BC4

#C47B95

#C47BBA

Triadic

#C47BBA

#BAC47B

#7BBAC4

Split Complementary

#C47BBA

#95C47B

#7BC4A9

Tetradic

#C47BBA

#C4A97B

#7BC485

#7B95C4

Color Blindness Simulation

Original

#C47BBA

Protanopia

#A4A4AB

Deuteranopia

#A9AEA7

Tritanopia

#C09F9C

Achromatopsia

#8F8F8F

CSS Usage

background-color: #C47BBA;
color: #C47BBA;
border-color: #C47BBA;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#E9CEE5
300
#D9AAD3
400
#C57DBB
500
#B04FA3
600
#8D3F82
700
#713268
800
#582751
900
#41203D
950
#291426

Contrast Checker

Text on white

3,05:1

AA Fail AAA Fail

Text on black

6,89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026