#C335C4

#C335C4

Color Values

HEX

#C335C4

RGB

195, 53, 196

HSL

299.6, 57.4%, 48.8%

HSV

299.6, 73.0%, 76.9%

CMYK

0.5%, 73.0%, 0.0%, 23.1%

OKLCH

0.5969 0.2338 327.7

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#C335C4

#36C435

Analogous

#7B35C4

#C4357D

#C335C4

Triadic

#C335C4

#C4C335

#35C4C3

Split Complementary

#C335C4

#7DC435

#35C47B

Tetradic

#C335C4

#C47B35

#36C435

#357DC4

Color Blindness Simulation

Original

#C335C4

Protanopia

#8584A1

Deuteranopia

#8E9899

Tritanopia

#BC8680

Achromatopsia

#5E5E5E

CSS Usage

background-color: #C335C4;
color: #C335C4;
border-color: #C335C4;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#F0C7F0
300
#E49FE5
400
#D66AD7
500
#C836C9
600
#A02BA1
700
#802380
800
#641B64
900
#491749
950
#2E0F2E

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

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