#C5696F

#C5696F

Color Values

HEX

#C5696F

RGB

197, 105, 111

HSL

356.1, 44.2%, 59.2%

HSV

356.1, 46.7%, 77.3%

CMYK

0.0%, 46.7%, 43.7%, 22.7%

OKLCH

0.6281 0.117 16.9

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C5696F

#69C5BF

Analogous

#C5699D

#C59169

#C5696F

Triadic

#C5696F

#6FC569

#696FC5

Split Complementary

#C5696F

#69C591

#699DC5

Tetradic

#C5696F

#9DC569

#69C5BF

#9169C5

Color Blindness Simulation

Original

#C5696F

Protanopia

#9D9C6E

Deuteranopia

#A2A96D

Tritanopia

#C06C6C

Achromatopsia

#7D7D7D

CSS Usage

background-color: #C5696F;
color: #C5696F;
border-color: #C5696F;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCCCE
300
#DDA7AA
400
#CA777C
500
#B8474E
600
#93393F
700
#762E32
800
#5C2427
900
#441D20
950
#2B1214

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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