#C78EEE

#C78EEE

Color Values

HEX

#C78EEE

RGB

199, 142, 238

HSL

275,6, 73,8%, 74,5%

HSV

275,6, 40,3%, 93,3%

CMYK

16,4%, 40,3%, 0,0%, 6,7%

OKLCH

0,7379 0,1463 310,5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C78EEE

#B5EE8E

Analogous

#978EEE

#EE8EE5

#C78EEE

Triadic

#C78EEE

#EEC78E

#8EEEC7

Split Complementary

#C78EEE

#E5EE8E

#8EEE97

Tetradic

#C78EEE

#EE978E

#B5EE8E

#8EE5EE

Color Blindness Simulation

Original

#C78EEE

Protanopia

#AEAED7

Deuteranopia

#B2B6D1

Tritanopia

#C4C4C0

Achromatopsia

#A1A1A1

CSS Usage

background-color: #C78EEE;
color: #C78EEE;
border-color: #C78EEE;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#E0C1F6
300
#CA95EF
400
#AE5BE6
500
#9121DE
600
#741BB1
700
#5D158E
800
#49116F
900
#361051
950
#220A33

Contrast Checker

Text on white

2,46:1

AA Fail AAA Fail

Text on black

8,53: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