#C33FD6

#C33FD6

Color Values

HEX

#C33FD6

RGB

195, 63, 214

HSL

292.5, 64.8%, 54.3%

HSV

292.5, 70.6%, 83.9%

CMYK

8.9%, 70.6%, 0.0%, 16.1%

OKLCH

0.6158 0.2373 322.4

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C33FD6

#52D63F

Analogous

#783FD6

#D63F9D

#C33FD6

Triadic

#C33FD6

#D6C33F

#3FD6C3

Split Complementary

#C33FD6

#9DD63F

#3FD678

Tetradic

#C33FD6

#D6783F

#52D63F

#3F9DD6

Color Blindness Simulation

Original

#C33FD6

Protanopia

#8A89B2

Deuteranopia

#929BA9

Tritanopia

#BC958E

Achromatopsia

#666666

CSS Usage

background-color: #C33FD6;
color: #C33FD6;
border-color: #C33FD6;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF3FC
100
#F5E3F7
200
#EDC4F2
300
#E09AE9
400
#CF64DE
500
#BD2DD2
600
#9824A8
700
#791D86
800
#5F1669
900
#46144D
950
#2C0D30

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026