#C316BF

#C316BF

Color Values

HEX

#C316BF

RGB

195, 22, 191

HSL

301.4, 79.7%, 42.5%

HSV

301.4, 88.7%, 76.5%

CMYK

0.0%, 88.7%, 2.1%, 23.5%

OKLCH

0.5763 0.2536 329.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C316BF

#16C31A

Analogous

#7016C3

#C31668

#C316BF

Triadic

#C316BF

#BFC316

#16BFC3

Split Complementary

#C316BF

#68C316

#16C370

Tetradic

#C316BF

#C37016

#16C31A

#1668C3

Color Blindness Simulation

Original

#C316BF

Protanopia

#787796

Deuteranopia

#828F8C

Tritanopia

#BA766F

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F9
200
#F8BFF6
300
#F391F0
400
#EC55E8
500
#E51AE0
600
#B715B4
700
#931190
800
#730D70
900
#530E52
950
#350934

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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