#C58EF3

#C58EF3

Color Values

HEX

#C58EF3

RGB

197, 142, 243

HSL

272.7, 80.8%, 75.5%

HSV

272.7, 41.6%, 95.3%

CMYK

18.9%, 41.6%, 0.0%, 4.7%

OKLCH

0.7383 0.1515 308.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C58EF3

#BCF38E

Analogous

#938EF3

#F38EEE

#C58EF3

Triadic

#C58EF3

#F3C58E

#8EF3C5

Split Complementary

#C58EF3

#EEF38E

#8EF393

Tetradic

#C58EF3

#F3938E

#BCF38E

#8EEEF3

Color Blindness Simulation

Original

#C58EF3

Protanopia

#ADADDB

Deuteranopia

#B0B4D5

Tritanopia

#C2C7C3

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DEBEF8
300
#C690F3
400
#A854ED
500
#8918E7
600
#6D14B8
700
#581094
800
#440C73
900
#340D54
950
#210835

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026