#C34C78

#C34C78

Color Values

HEX

#C34C78

RGB

195, 76, 120

HSL

337.8, 49.8%, 53.1%

HSV

337.8, 61.0%, 76.5%

CMYK

0.0%, 61.0%, 38.5%, 23.5%

OKLCH

0.5865 0.1575 0.2

Properties

Warm Light Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C34C78

#4CC397

Analogous

#C34CB3

#C35B4C

#C34C78

Triadic

#C34C78

#78C34C

#4C78C3

Split Complementary

#C34C78

#4CC35B

#4CB3C3

Tetradic

#C34C78

#B3C34C

#4CC397

#5B4CC3

Color Blindness Simulation

Original

#C34C78

Protanopia

#8F8E6D

Deuteranopia

#969F6B

Tritanopia

#BD6563

Achromatopsia

#686868

CSS Usage

background-color: #C34C78;
color: #C34C78;
border-color: #C34C78;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDCAD7
300
#E0A3BA
400
#D07294
500
#BF406F
600
#993359
700
#7A2947
800
#5F2037
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

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