#C3777C

#C3777C

Color Values

HEX

#C3777C

RGB

195, 119, 124

HSL

356.1, 38.8%, 61.6%

HSV

356.1, 39.0%, 76.5%

CMYK

0.0%, 39.0%, 36.4%, 23.5%

OKLCH

0.6519 0.0956 15.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C3777C

#77C3BE

Analogous

#C377A2

#C39877

#C3777C

Triadic

#C3777C

#7CC377

#777CC3

Split Complementary

#C3777C

#77C398

#77A2C3

Tetradic

#C3777C

#A2C377

#77C3BE

#9877C3

Color Blindness Simulation

Original

#C3777C

Protanopia

#A2A17B

Deuteranopia

#A6AC7A

Tritanopia

#BF7A7A

Achromatopsia

#888888

CSS Usage

background-color: #C3777C;
color: #C3777C;
border-color: #C3777C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCF
300
#DAAAAD
400
#C57C81
500
#B14E54
600
#8E3E44
700
#713236
800
#58272A
900
#412022
950
#291415

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026