#C383F2

#C383F2

Color Values

HEX

#C383F2

RGB

195, 131, 242

HSL

274.6, 81.0%, 73.1%

HSV

274.6, 45.9%, 94.9%

CMYK

19.4%, 45.9%, 0.0%, 5.1%

OKLCH

0.7179 0.1675 309.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C383F2

#B2F283

Analogous

#8B83F2

#F283E9

#C383F2

Triadic

#C383F2

#F2C383

#83F2C3

Split Complementary

#C383F2

#E9F283

#83F28B

Tetradic

#C383F2

#F28B83

#B2F283

#83E9F2

Color Blindness Simulation

Original

#C383F2

Protanopia

#A7A7D7

Deuteranopia

#ABB0D1

Tritanopia

#C0C2BD

Achromatopsia

#999999

CSS Usage

background-color: #C383F2;
color: #C383F2;
border-color: #C383F2;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E0BEF8
300
#C990F3
400
#AC54ED
500
#8F18E7
600
#7313B9
700
#5C1094
800
#480C73
900
#360D54
950
#220835

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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