#C577FC

#C577FC

Color Values

HEX

#C577FC

RGB

197, 119, 252

HSL

275.2, 95.7%, 72.7%

HSV

275.2, 52.8%, 98.8%

CMYK

21.8%, 52.8%, 0.0%, 1.2%

OKLCH

0.7071 0.1982 309.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C577FC

#AEFC77

Analogous

#8277FC

#FC77F0

#C577FC

Triadic

#C577FC

#FCC577

#77FCC5

Split Complementary

#C577FC

#F0FC77

#77FC82

Tetradic

#C577FC

#FC8277

#AEFC77

#77F0FC

Color Blindness Simulation

Original

#C577FC

Protanopia

#A3A3DC

Deuteranopia

#A8AED4

Tritanopia

#C1C2BD

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#F0DFFC
200
#E1B9FD
300
#CC87FC
400
#B046FB
500
#9505FA
600
#7704C8
700
#5F04A0
800
#4A037D
900
#38075A
950
#230439

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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