#C016B2

#C016B2

Color Values

HEX

#C016B2

RGB

192, 22, 178

HSL

304.9, 79.4%, 42.0%

HSV

304.9, 88.5%, 75.3%

CMYK

0.0%, 88.5%, 7.3%, 24.7%

OKLCH

0.564 0.2438 332.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C016B2

#16C024

Analogous

#7916C0

#C0165D

#C016B2

Triadic

#C016B2

#B2C016

#16B2C0

Split Complementary

#C016B2

#5DC016

#16C079

Tetradic

#C016B2

#C07916

#16C024

#165DC0

Color Blindness Simulation

Original

#C016B2

Protanopia

#76758C

Deuteranopia

#808D83

Tritanopia

#B76E68

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F7
200
#F8BFF3
300
#F291EA
400
#EC56DF
500
#E51AD4
600
#B715AA
700
#921188
800
#720D6A
900
#530E4D
950
#340931

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

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