#C798EB

#C798EB

Color Values

HEX

#C798EB

RGB

199, 152, 235

HSL

274,0, 67,5%, 75,9%

HSV

274,0, 35,3%, 92,2%

CMYK

15,3%, 35,3%, 0,0%, 7,8%

OKLCH

0,7535 0,1259 309,6

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#C798EB

#BCEB98

Analogous

#9E98EB

#EB98E5

#C798EB

Triadic

#C798EB

#EBC798

#98EBC7

Split Complementary

#C798EB

#E5EB98

#98EB9E

Tetradic

#C798EB

#EB9E98

#BCEB98

#98E5EB

Color Blindness Simulation

Original

#C798EB

Protanopia

#B3B2D7

Deuteranopia

#B5B9D2

Tritanopia

#C5C7C4

Achromatopsia

#A8A8A8

CSS Usage

background-color: #C798EB;
color: #C798EB;
border-color: #C798EB;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC3F3
300
#C798EB
400
#A961E0
500
#8B29D6
600
#6F21AB
700
#591B89
800
#45156B
900
#34134E
950
#210C31

Contrast Checker

Text on white

2,3:1

AA Fail AAA Fail

Text on black

9,12: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