#C641B4

#C641B4

Color Values

HEX

#C641B4

RGB

198, 65, 180

HSL

308.1, 53.8%, 51.6%

HSV

308.1, 67.2%, 77.6%

CMYK

0.0%, 67.2%, 9.1%, 22.4%

OKLCH

0.6032 0.2098 333.7

Properties

Warm Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#C641B4

#41C653

Analogous

#9641C6

#C64172

#C641B4

Triadic

#C641B4

#B4C641

#41B4C6

Split Complementary

#C641B4

#72C641

#41C696

Tetradic

#C641B4

#C69641

#41C653

#4172C6

Color Blindness Simulation

Original

#C641B4

Protanopia

#8C8B98

Deuteranopia

#949E92

Tritanopia

#BF827D

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EFC8E9
300
#E3A1DA
400
#D36EC6
500
#C43BB2
600
#9D2F8E
700
#7E2672
800
#621D59
900
#481942
950
#2D1029

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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