#C58BF3

#C58BF3

Color Values

HEX

#C58BF3

RGB

197, 139, 243

HSL

273.5, 81.2%, 74.9%

HSV

273.5, 42.8%, 95.3%

CMYK

18.9%, 42.8%, 0.0%, 4.7%

OKLCH

0.7333 0.1564 308.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C58BF3

#B9F38B

Analogous

#918BF3

#F38BED

#C58BF3

Triadic

#C58BF3

#F3C58B

#8BF3C5

Split Complementary

#C58BF3

#EDF38B

#8BF391

Tetradic

#C58BF3

#F3918B

#B9F38B

#8BEDF3

Color Blindness Simulation

Original

#C58BF3

Protanopia

#ACABDA

Deuteranopia

#AFB4D4

Tritanopia

#C2C6C2

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#DFBEF8
300
#C890F3
400
#AA54ED
500
#8C18E7
600
#7013B9
700
#590F94
800
#460C74
900
#350D54
950
#210835

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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