#C36967

#C36967

Color Values

HEX

#C36967

RGB

195, 105, 103

HSL

1.3, 43.4%, 58.4%

HSV

1.3, 47.2%, 76.5%

CMYK

0.0%, 46.2%, 47.2%, 23.5%

OKLCH

0.6235 0.1151 22.2

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#C36967

#67C1C3

Analogous

#C36793

#C39767

#C36967

Triadic

#C36967

#67C369

#6967C3

Split Complementary

#C36967

#67C397

#6793C3

Tetradic

#C36967

#93C367

#67C1C3

#9767C3

Color Blindness Simulation

Original

#C36967

Protanopia

#9C9B67

Deuteranopia

#A1A868

Tritanopia

#BE6868

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCC
300
#DCA8A7
400
#CA7978
500
#B74B48
600
#923C3A
700
#75302E
800
#5B2524
900
#431E1E
950
#2B1313

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