#C36864

#C36864

Color Values

HEX

#C36864

RGB

195, 104, 100

HSL

2.5, 44.2%, 57.8%

HSV

2.5, 48.7%, 76.5%

CMYK

0.0%, 46.7%, 48.7%, 23.5%

OKLCH

0.6212 0.1168 23.6

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C36864

#64BFC3

Analogous

#C3648F

#C39764

#C36864

Triadic

#C36864

#64C368

#6864C3

Split Complementary

#C36864

#64C397

#648FC3

Tetradic

#C36864

#8FC364

#64BFC3

#9764C3

Color Blindness Simulation

Original

#C36864

Protanopia

#9C9B65

Deuteranopia

#A1A865

Tritanopia

#BE6666

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EBCDCC
300
#DDA9A7
400
#CA7A77
500
#B84C47
600
#933D39
700
#76312E
800
#5C2624
900
#441F1D
950
#2B1312

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026