#C36255

#C36255

Color Values

HEX

#C36255

RGB

195, 98, 85

HSL

7.1, 47.8%, 54.9%

HSV

7.1, 56.4%, 76.5%

CMYK

0.0%, 49.7%, 56.4%, 23.5%

OKLCH

0.6086 0.1267 29.1

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#C36255

#55B6C3

Analogous

#C3557F

#C39955

#C36255

Triadic

#C36255

#55C362

#6255C3

Split Complementary

#C36255

#55C399

#557FC3

Tetradic

#C36255

#7FC355

#55B6C3

#9955C3

Color Blindness Simulation

Original

#C36255

Protanopia

#999858

Deuteranopia

#9FA659

Tritanopia

#BE5B5B

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECA
300
#DFABA5
400
#CE7E74
500
#BC5143
600
#974135
700
#79342B
800
#5E2821
900
#45211C
950
#2C1511

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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