#C67571

#C67571

Color Values

HEX

#C67571

RGB

198, 117, 113

HSL

2.8, 42.7%, 61.0%

HSV

2.8, 42.9%, 77.6%

CMYK

0.0%, 40.9%, 42.9%, 22.4%

OKLCH

0.6496 0.1026 23.3

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C67571

#71C2C6

Analogous

#C67198

#C6A071

#C67571

Triadic

#C67571

#71C675

#7571C6

Split Complementary

#C67571

#71C6A0

#7198C6

Tetradic

#C67571

#98C671

#71C2C6

#A071C6

Color Blindness Simulation

Original

#C67571

Protanopia

#A3A272

Deuteranopia

#A8AE72

Tritanopia

#C27373

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCDCC
300
#DCAAA8
400
#C97C78
500
#B64E49
600
#923F3A
700
#74322F
800
#5B2725
900
#43201E
950
#2A1413

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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