#C626BB

#C626BB

Color Values

HEX

#C626BB

RGB

198, 38, 187

HSL

304.1, 67.8%, 46.3%

HSV

304.1, 80.8%, 77.6%

CMYK

0.0%, 80.8%, 5.6%, 22.4%

OKLCH

0.5861 0.2422 331.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C626BB

#26C631

Analogous

#8126C6

#C6266B

#C626BB

Triadic

#C626BB

#BBC626

#26BBC6

Split Complementary

#C626BB

#6BC626

#26C681

Tetradic

#C626BB

#C68126

#26C631

#266BC6

Color Blindness Simulation

Original

#C626BB

Protanopia

#817F97

Deuteranopia

#8A968E

Tritanopia

#BE7A74

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F4C3F0
300
#EB98E6
400
#E161D8
500
#D629CA
600
#AB21A2
700
#891A81
800
#6B1565
900
#4E134A
950
#310C2F

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail 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