#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