#C641B2

#C641B2

Color Values

HEX

#C641B2

RGB

198, 65, 178

HSL

309.0, 53.8%, 51.6%

HSV

309.0, 67.2%, 77.6%

CMYK

0.0%, 67.2%, 10.1%, 22.4%

OKLCH

0.6023 0.2083 334.4

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C641B2

#41C655

Analogous

#9741C6

#C64170

#C641B2

Triadic

#C641B2

#B2C641

#41B2C6

Split Complementary

#C641B2

#70C641

#41C697

Tetradic

#C641B2

#C69741

#41C655

#4170C6

Color Blindness Simulation

Original

#C641B2

Protanopia

#8C8B97

Deuteranopia

#949E90

Tritanopia

#BF817C

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EFC8E9
300
#E3A1D9
400
#D36EC4
500
#C43BB0
600
#9D2F8C
700
#7E2670
800
#621D58
900
#481941
950
#2D1029

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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