#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026