#C21869

#C21869

Color Values

HEX

#C21869

RGB

194, 24, 105

HSL

331.4, 78.0%, 42.7%

HSV

331.4, 87.6%, 76.1%

CMYK

0.0%, 87.6%, 45.9%, 23.9%

OKLCH

0.5355 0.2054 359.8

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C21869

#18C271

Analogous

#C218BE

#C21C18

#C21869

Triadic

#C21869

#69C218

#1869C2

Split Complementary

#C21869

#18C21C

#18BEC2

Tetradic

#C21869

#BEC218

#18C271

#1C18C2

Color Blindness Simulation

Original

#C21869

Protanopia

#787755

Deuteranopia

#828F51

Tritanopia

#B94643

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1ED
200
#F7BFDA
300
#F292C0
400
#EA579D
500
#E31C7B
600
#B61662
700
#91124F
800
#710E3D
900
#520E2F
950
#34091E

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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