#C344B2

#C344B2

Color Values

HEX

#C344B2

RGB

195, 68, 178

HSL

308.0, 51.4%, 51.6%

HSV

308.0, 65.1%, 76.5%

CMYK

0.0%, 65.1%, 8.7%, 23.5%

OKLCH

0.6009 0.2027 333.5

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C344B2

#44C355

Analogous

#9444C3

#C34473

#C344B2

Triadic

#C344B2

#B2C344

#44B2C3

Split Complementary

#C344B2

#73C344

#44C394

Tetradic

#C344B2

#C39444

#44C355

#4473C3

Color Blindness Simulation

Original

#C344B2

Protanopia

#8C8B97

Deuteranopia

#939D91

Tritanopia

#BD827E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E1A2D9
400
#D170C4
500
#C13EB0
600
#9A328C
700
#7C2870
800
#611F58
900
#471A41
950
#2D1029

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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