#C67563

#C67563

Color Values

HEX

#C67563

RGB

198, 117, 99

HSL

10.9, 46.5%, 58.2%

HSV

10.9, 50.0%, 77.6%

CMYK

0.0%, 40.9%, 50.0%, 22.4%

OKLCH

0.6465 0.1061 33.4

Properties

Warm Light Nearest: lightsalmon 3

Color Harmonies

Complementary

#C67563

#63B4C6

Analogous

#C66382

#C6A663

#C67563

Triadic

#C67563

#63C675

#7563C6

Split Complementary

#C67563

#63C6A6

#6382C6

Tetradic

#C67563

#82C663

#63B4C6

#A663C6

Color Blindness Simulation

Original

#C67563

Protanopia

#A3A267

Deuteranopia

#A8AE68

Tritanopia

#C26B6C

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E9E6
200
#ECD1CB
300
#DEB0A5
400
#CD8575
500
#BB5A44
600
#954837
700
#78392C
800
#5D2D22
900
#45241C
950
#2B1612

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026