#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026