#C46960

#C46960

Color Values

HEX

#C46960

RGB

196, 105, 96

HSL

5.4, 45.9%, 57.3%

HSV

5.4, 51.0%, 76.9%

CMYK

0.0%, 46.4%, 51.0%, 23.1%

OKLCH

0.6233 0.1175 26.8

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C46960

#60BBC4

Analogous

#C46089

#C49B60

#C46960

Triadic

#C46960

#60C469

#6960C4

Split Complementary

#C46960

#60C49B

#6089C4

Tetradic

#C46960

#89C460

#60BBC4

#9B60C4

Color Blindness Simulation

Original

#C46960

Protanopia

#9D9C62

Deuteranopia

#A2A963

Tritanopia

#BF6464

Achromatopsia

#7C7C7C

CSS Usage

background-color: #C46960;
color: #C46960;
border-color: #C46960;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCECB
300
#DEABA6
400
#CC7D75
500
#BA5045
600
#954037
700
#77332C
800
#5D2822
900
#44201C
950
#2B1412

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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