#C07677

#C07677

Color Values

HEX

#C07677

RGB

192, 118, 119

HSL

359.2, 37.0%, 60.8%

HSV

359.2, 38.5%, 75.3%

CMYK

0.0%, 38.5%, 38.0%, 24.7%

OKLCH

0.6452 0.0933 19.1

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C07677

#76C0BF

Analogous

#C0769C

#C09A76

#C07677

Triadic

#C07677

#77C076

#7677C0

Split Complementary

#C07677

#76C09A

#769CC0

Tetradic

#C07677

#9CC076

#76C0BF

#9A76C0

Color Blindness Simulation

Original

#C07677

Protanopia

#A09F77

Deuteranopia

#A4AA77

Tritanopia

#BC7777

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E9CECE
300
#D8ABAC
400
#C47E7F
500
#AF5052
600
#8C4041
700
#703334
800
#572829
900
#412021
950
#291415

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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