#C4777B

#C4777B

Color Values

HEX

#C4777B

RGB

196, 119, 123

HSL

356.9, 39.5%, 61.8%

HSV

356.9, 39.3%, 76.9%

CMYK

0.0%, 39.3%, 37.2%, 23.1%

OKLCH

0.6529 0.0968 16.7

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C4777B

#77C4C0

Analogous

#C477A2

#C49A77

#C4777B

Triadic

#C4777B

#7BC477

#777BC4

Split Complementary

#C4777B

#77C49A

#77A2C4

Tetradic

#C4777B

#A2C477

#77C4C0

#9A77C4

Color Blindness Simulation

Original

#C4777B

Protanopia

#A3A27A

Deuteranopia

#A7AD7A

Tritanopia

#C07979

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCF
300
#DAAAAC
400
#C67B7F
500
#B24D52
600
#8E3E42
700
#723135
800
#592729
900
#421F21
950
#291415

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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