#C36764

#C36764

Color Values

HEX

#C36764

RGB

195, 103, 100

HSL

1.9, 44.2%, 57.8%

HSV

1.9, 48.7%, 76.5%

CMYK

0.0%, 47.2%, 48.7%, 23.5%

OKLCH

0.6196 0.118 23.0

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#C36764

#64C0C3

Analogous

#C36490

#C39664

#C36764

Triadic

#C36764

#64C367

#6764C3

Split Complementary

#C36764

#64C396

#6490C3

Tetradic

#C36764

#90C364

#64C0C3

#9664C3

Color Blindness Simulation

Original

#C36764

Protanopia

#9B9A65

Deuteranopia

#A0A765

Tritanopia

#BE6565

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EBCDCC
300
#DDA8A7
400
#CA7A77
500
#B84B47
600
#933C39
700
#76302E
800
#5C2524
900
#441E1D
950
#2B1312

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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