#C077FE

#C077FE

Color Values

HEX

#C077FE

RGB

192, 119, 254

HSL

272.4, 98.5%, 73.1%

HSV

272.4, 53.1%, 99.6%

CMYK

24.4%, 53.1%, 0.0%, 0.4%

OKLCH

0.703 0.1989 307.0

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C077FE

#B5FE77

Analogous

#7C77FE

#FE77F9

#C077FE

Triadic

#C077FE

#FEC077

#77FEC0

Split Complementary

#C077FE

#F9FE77

#77FE7C

Tetradic

#C077FE

#FE7C77

#B5FE77

#77F9FE

Color Blindness Simulation

Original

#C077FE

Protanopia

#A0A0DD

Deuteranopia

#A5AAD5

Tritanopia

#BCC4BE

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DEB8FE
300
#C786FE
400
#A844FE
500
#8A02FD
600
#6E02CA
700
#5801A2
800
#45017F
900
#34055B
950
#21033A

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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