#C57DF3

#C57DF3

Color Values

HEX

#C57DF3

RGB

197, 125, 243

HSL

276.6, 83.1%, 72.2%

HSV

276.6, 48.6%, 95.3%

CMYK

18.9%, 48.6%, 0.0%, 4.7%

OKLCH

0.7112 0.179 310.8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C57DF3

#ABF37D

Analogous

#8A7DF3

#F37DE6

#C57DF3

Triadic

#C57DF3

#F3C57D

#7DF3C5

Split Complementary

#C57DF3

#E6F37D

#7DF38A

Tetradic

#C57DF3

#F38A7D

#ABF37D

#7DE6F3

Color Blindness Simulation

Original

#C57DF3

Protanopia

#A6A5D6

Deuteranopia

#AAAFD0

Tritanopia

#C1C0BB

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E2BEF9
300
#CD8FF5
400
#B252EF
500
#9716E9
600
#7911BB
700
#610E95
800
#4B0B75
900
#380C55
950
#240835

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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