#C14273

#C14273

Color Values

HEX

#C14273

RGB

193, 66, 115

HSL

336.9, 50.6%, 50.8%

HSV

336.9, 65.8%, 75.7%

CMYK

0.0%, 65.8%, 40.4%, 24.3%

OKLCH

0.57 0.1674 0.2

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C14273

#42C190

Analogous

#C142B2

#C15142

#C14273

Triadic

#C14273

#73C142

#4273C1

Split Complementary

#C14273

#42C151

#42B2C1

Tetradic

#C14273

#B2C142

#42C190

#5142C1

Color Blindness Simulation

Original

#C14273

Protanopia

#8A8967

Deuteranopia

#919B64

Tritanopia

#BB5E5C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EB
200
#EDC9D7
300
#E1A3BB
400
#D07196
500
#C03F71
600
#9A325A
700
#7B2848
800
#601F38
900
#471A2B
950
#2D111B

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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