#C393ED

#C393ED

Color Values

HEX

#C393ED

RGB

195, 147, 237

HSL

272.0, 71.4%, 75.3%

HSV

272.0, 38.0%, 92.9%

CMYK

17.7%, 38.0%, 0.0%, 7.1%

OKLCH

0.7419 0.1353 307.9

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C393ED

#BDED93

Analogous

#9693ED

#ED93EA

#C393ED

Triadic

#C393ED

#EDC393

#93EDC3

Split Complementary

#C393ED

#EAED93

#93ED96

Tetradic

#C393ED

#ED9693

#BDED93

#93EAED

Color Blindness Simulation

Original

#C393ED

Protanopia

#AEAED7

Deuteranopia

#B1B5D2

Tritanopia

#C1C6C2

Achromatopsia

#A4A4A4

CSS Usage

background-color: #C393ED;
color: #C393ED;
border-color: #C393ED;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DDC2F5
300
#C596ED
400
#A55DE4
500
#8624DB
600
#6B1DAF
700
#55178C
800
#43126D
900
#331150
950
#200B32

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72: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