#C58BF7

#C58BF7

Color Values

HEX

#C58BF7

RGB

197, 139, 247

HSL

272.2, 87.1%, 75.7%

HSV

272.2, 43.7%, 96.9%

CMYK

20.2%, 43.7%, 0.0%, 3.1%

OKLCH

0.7353 0.1611 307.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C58BF7

#BDF78B

Analogous

#8F8BF7

#F78BF3

#C58BF7

Triadic

#C58BF7

#F7C58B

#8BF7C5

Split Complementary

#C58BF7

#F3F78B

#8BF78F

Tetradic

#C58BF7

#F78F8B

#BDF78B

#8BF3F7

Color Blindness Simulation

Original

#C58BF7

Protanopia

#ACABDD

Deuteranopia

#AFB4D7

Tritanopia

#C2C8C4

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBCFA
300
#C68CF7
400
#A74EF3
500
#8810EF
600
#6D0DBF
700
#570B99
800
#440877
900
#330A56
950
#200737

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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