#C31AC6

#C31AC6

Color Values

HEX

#C31AC6

RGB

195, 26, 198

HSL

299.0, 76.8%, 43.9%

HSV

299.0, 86.9%, 77.6%

CMYK

1.5%, 86.9%, 0.0%, 22.4%

OKLCH

0.5821 0.2563 327.4

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C31AC6

#1DC61A

Analogous

#6D1AC6

#C61A73

#C31AC6

Triadic

#C31AC6

#C6C31A

#1AC6C3

Split Complementary

#C31AC6

#73C61A

#1AC66D

Tetradic

#C31AC6

#C66D1A

#1DC61A

#1A73C6

Color Blindness Simulation

Original

#C31AC6

Protanopia

#7A789C

Deuteranopia

#849092

Tritanopia

#BB7B74

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F6C0F7
300
#EF93F1
400
#E758E9
500
#DE1EE1
600
#B218B4
700
#8E1390
800
#6F0F71
900
#510F52
950
#330934

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026