#C293DF

#C293DF

Color Values

HEX

#C293DF

RGB

194, 147, 223

HSL

277.1, 54.3%, 72.5%

HSV

277.1, 34.1%, 87.5%

CMYK

13.0%, 34.1%, 0.0%, 12.5%

OKLCH

0.7347 0.1179 311.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C293DF

#B0DF93

Analogous

#9C93DF

#DF93D6

#C293DF

Triadic

#C293DF

#DFC293

#93DFC2

Split Complementary

#C293DF

#D6DF93

#93DF9C

Tetradic

#C293DF

#DF9C93

#B0DF93

#93D6DF

Color Blindness Simulation

Original

#C293DF

Protanopia

#AEADCD

Deuteranopia

#B0B4C8

Tritanopia

#C0BEBB

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#E0C8EF
300
#CAA1E3
400
#AD6DD4
500
#903AC5
600
#732F9D
700
#5C257E
800
#481D62
900
#361948
950
#22102E

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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026