#C58F84

#C58F84

Color Values

HEX

#C58F84

RGB

197, 143, 132

HSL

10.2, 35.9%, 64.5%

HSV

10.2, 33.0%, 77.3%

CMYK

0.0%, 27.4%, 33.0%, 22.7%

OKLCH

0.6995 0.0682 31.8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#C58F84

#84BAC5

Analogous

#C58499

#C5B084

#C58F84

Triadic

#C58F84

#84C58F

#8F84C5

Split Complementary

#C58F84

#84C5B0

#8499C5

Tetradic

#C58F84

#99C584

#84BAC5

#B084C5

Color Blindness Simulation

Original

#C58F84

Protanopia

#AEAD87

Deuteranopia

#B1B587

Tritanopia

#C28989

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EAE8
200
#E8D3CE
300
#D8B3AC
400
#C38A7F
500
#AD6152
600
#8B4E41
700
#6F3E34
800
#573129
900
#402621
950
#281815

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64:1

AA Pass AAA Pass

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