#C78DFC

#C78DFC

Color Values

HEX

#C78DFC

RGB

199, 141, 252

HSL

271.4, 94.9%, 77.1%

HSV

271.4, 44.0%, 98.8%

CMYK

21.0%, 44.0%, 0.0%, 1.2%

OKLCH

0.743 0.1644 306.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C78DFC

#C2FC8D

Analogous

#908DFC

#FC8DF9

#C78DFC

Triadic

#C78DFC

#FCC78D

#8DFCC7

Split Complementary

#C78DFC

#F9FC8D

#8DFC90

Tetradic

#C78DFC

#FC908D

#C2FC8D

#8DF9FC

Color Blindness Simulation

Original

#C78DFC

Protanopia

#AEADE1

Deuteranopia

#B1B6DB

Tritanopia

#C4CCC7

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDFFC
200
#DDB9FD
300
#C588FC
400
#A547FA
500
#8507F8
600
#6B05C7
700
#55049F
800
#43037C
900
#32075A
950
#200439

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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