#C48DFB

#C48DFB

Color Values

HEX

#C48DFB

RGB

196, 141, 251

HSL

270.0, 93.2%, 76.9%

HSV

270.0, 43.8%, 98.4%

CMYK

21.9%, 43.8%, 0.0%, 1.6%

OKLCH

0.7396 0.1624 305.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C48DFB

#C4FB8D

Analogous

#8D8DFB

#FB8DFB

#C48DFB

Triadic

#C48DFB

#FBC48D

#8DFBC4

Split Complementary

#C48DFB

#FBFB8D

#8DFB8D

Tetradic

#C48DFB

#FB8D8D

#C4FB8D

#8DFBFB

Color Blindness Simulation

Original

#C48DFB

Protanopia

#ACACE0

Deuteranopia

#AFB4DA

Tritanopia

#C1CBC7

Achromatopsia

#A1A1A1

CSS Usage

background-color: #C48DFB;
color: #C48DFB;
border-color: #C48DFB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBAFD
300
#C289FB
400
#A149F9
500
#8009F6
600
#6607C5
700
#52069E
800
#40047B
900
#300859
950
#1F0538

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026