#C67776

#C67776

Color Values

HEX

#C67776

RGB

198, 119, 118

HSL

0.7, 41.2%, 62.0%

HSV

0.7, 40.4%, 77.6%

CMYK

0.0%, 39.9%, 40.4%, 22.4%

OKLCH

0.6542 0.0995 20.9

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C67776

#76C5C6

Analogous

#C6769D

#C69F76

#C67776

Triadic

#C67776

#76C677

#7776C6

Split Complementary

#C67776

#76C69F

#769DC6

Tetradic

#C67776

#9DC676

#76C5C6

#9F76C6

Color Blindness Simulation

Original

#C67776

Protanopia

#A4A376

Deuteranopia

#A8AE76

Tritanopia

#C27676

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA9A9
400
#C87B7A
500
#B44C4B
600
#903D3C
700
#733130
800
#5A2625
900
#421F1E
950
#2A1413

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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