#C377A2

#C377A2

Color Values

HEX

#C377A2

RGB

195, 119, 162

HSL

326.1, 38.8%, 61.6%

HSV

326.1, 39.0%, 76.5%

CMYK

0.0%, 39.0%, 16.9%, 23.5%

OKLCH

0.6636 0.1092 345.5

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C377A2

#77C398

Analogous

#BE77C3

#C3777C

#C377A2

Triadic

#C377A2

#A2C377

#77A2C3

Split Complementary

#C377A2

#7CC377

#77C3BE

Tetradic

#C377A2

#C3BE77

#77C398

#777CC3

Color Blindness Simulation

Original

#C377A2

Protanopia

#A2A198

Deuteranopia

#A6AC95

Tritanopia

#BF8F8E

Achromatopsia

#8A8A8A

CSS Usage

background-color: #C377A2;
color: #C377A2;
border-color: #C377A2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CDDD
300
#DAAAC5
400
#C57CA5
500
#B14E86
600
#8E3E6B
700
#713256
800
#582743
900
#412033
950
#291420

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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