#C21668

#C21668

Color Values

HEX

#C21668

RGB

194, 22, 104

HSL

331.4, 79.6%, 42.4%

HSV

331.4, 88.7%, 76.1%

CMYK

0.0%, 88.7%, 46.4%, 23.9%

OKLCH

0.5343 0.2061 0.0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C21668

#16C270

Analogous

#C216BE

#C21A16

#C21668

Triadic

#C21668

#68C216

#1668C2

Split Complementary

#C21668

#16C21A

#16BEC2

Tetradic

#C21668

#BEC216

#16C270

#1A16C2

Color Blindness Simulation

Original

#C21668

Protanopia

#777654

Deuteranopia

#828E4F

Tritanopia

#B94441

Achromatopsia

#404040

CSS Usage

background-color: #C21668;
color: #C21668;
border-color: #C21668;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BFDA
300
#F391C0
400
#EC569D
500
#E51A7B
600
#B71562
700
#93114F
800
#720D3D
900
#530E2F
950
#35091E

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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