#C65BC2

#C65BC2

Color Values

HEX

#C65BC2

RGB

198, 91, 194

HSL

302,2, 48,4%, 56,7%

HSV

302,2, 54,0%, 77,6%

CMYK

0,0%, 54,0%, 2,0%, 22,4%

OKLCH

0,6396 0,1844 328,9

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C65BC2

#5BC65F

Analogous

#955BC6

#C65B8D

#C65BC2

Triadic

#C65BC2

#C2C65B

#5BC2C6

Split Complementary

#C65BC2

#8DC65B

#5BC695

Tetradic

#C65BC2

#C6955B

#5BC65F

#5B8DC6

Color Blindness Simulation

Original

#C65BC2

Protanopia

#9897A9

Deuteranopia

#9EA6A3

Tritanopia

#C19591

Achromatopsia

#797979

CSS Usage

background-color: #C65BC2;
color: #C65BC2;
border-color: #C65BC2;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EDCAEB
300
#DFA4DD
400
#CE73CB
500
#BD42B9
600
#973594
700
#792A76
800
#5F215C
900
#461B44
950
#2C112B

Contrast Checker

Text on white

3,7:1

AA Fail AAA Fail

Text on black

5,68:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026