#C794F6

#C794F6

Color Values

HEX

#C794F6

RGB

199, 148, 246

HSL

271.2, 84.5%, 77.3%

HSV

271.2, 39.8%, 96.5%

CMYK

19.1%, 39.8%, 0.0%, 3.5%

OKLCH

0.7517 0.1459 307.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C794F6

#C3F694

Analogous

#9694F6

#F694F4

#C794F6

Triadic

#C794F6

#F6C794

#94F6C7

Split Complementary

#C794F6

#F4F694

#94F696

Tetradic

#C794F6

#F69694

#C3F694

#94F4F6

Color Blindness Simulation

Original

#C794F6

Protanopia

#B1B0DE

Deuteranopia

#B4B8D9

Tritanopia

#C4CCC7

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBDF9
300
#C48EF6
400
#A451F0
500
#8414EB
600
#6910BC
700
#540D97
800
#420A76
900
#320C55
950
#200736

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

9.0:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026