#C46151

#C46151

Color Values

HEX

#C46151

RGB

196, 97, 81

HSL

8.3, 49.4%, 54.3%

HSV

8.3, 58.7%, 76.9%

CMYK

0.0%, 50.5%, 58.7%, 23.1%

OKLCH

0.6078 0.13 30.7

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C46151

#51B4C4

Analogous

#C4517B

#C49A51

#C46151

Triadic

#C46151

#51C461

#6151C4

Split Complementary

#C46151

#51C49A

#517BC4

Tetradic

#C46151

#7BC451

#51B4C4

#9A51C4

Color Blindness Simulation

Original

#C46151

Protanopia

#999855

Deuteranopia

#9FA656

Tritanopia

#BF5859

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCFCA
300
#E0ACA4
400
#CF7F72
500
#BE5241
600
#984234
700
#7A3429
800
#5F2920
900
#46211B
950
#2C1511

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.18:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026