#C48FCA

#C48FCA

Color Values

HEX

#C48FCA

RGB

196, 143, 202

HSL

293.9, 35.8%, 67.6%

HSV

293.9, 29.2%, 79.2%

CMYK

3.0%, 29.2%, 0.0%, 20.8%

OKLCH

0.7209 0.102 323.1

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#C48FCA

#95CA8F

Analogous

#A68FCA

#CA8FB2

#C48FCA

Triadic

#C48FCA

#CAC48F

#8FCAC4

Split Complementary

#C48FCA

#B2CA8F

#8FCAA6

Tetradic

#C48FCA

#CAA68F

#95CA8F

#8FB2CA

Color Blindness Simulation

Original

#C48FCA

Protanopia

#ADADBC

Deuteranopia

#B0B4B8

Tritanopia

#C1B0AE

Achromatopsia

#9F9F9F

CSS Usage

background-color: #C48FCA;
color: #C48FCA;
border-color: #C48FCA;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F5FA
100
#F1E8F3
200
#E5CFE8
300
#D3ACD8
400
#BC7FC2
500
#A452AD
600
#83418B
700
#69346F
800
#522957
900
#3D2140
950
#261528

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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