#C78AE7

#C78AE7

Color Values

HEX

#C78AE7

RGB

199, 138, 231

HSL

279.4, 66.0%, 72.4%

HSV

279.4, 40.3%, 90.6%

CMYK

13.9%, 40.3%, 0.0%, 9.4%

OKLCH

0.728 0.1448 313.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C78AE7

#AAE78A

Analogous

#998AE7

#E78AD9

#C78AE7

Triadic

#C78AE7

#E7C78A

#8AE7C7

Split Complementary

#C78AE7

#D9E78A

#8AE799

Tetradic

#C78AE7

#E7998A

#AAE78A

#8AD9E7

Color Blindness Simulation

Original

#C78AE7

Protanopia

#ADACD1

Deuteranopia

#B0B5CB

Tritanopia

#C4BFBB

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F0E3F7
200
#E3C4F3
300
#CE99EA
400
#B462DF
500
#9A2BD4
600
#7B23A9
700
#621C87
800
#4D166A
900
#39144D
950
#240C31

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026