#B36C69

#B36C69

Color Values

HEX

#B36C69

RGB

179, 108, 105

HSL

2.4, 32.7%, 55.7%

HSV

2.4, 41.3%, 70.2%

CMYK

0.0%, 39.7%, 41.3%, 29.8%

OKLCH

0.6081 0.0913 22.7

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B36C69

#69B0B3

Analogous

#B3698B

#B39169

#B36C69

Triadic

#B36C69

#69B36C

#6C69B3

Split Complementary

#B36C69

#69B391

#698BB3

Tetradic

#B36C69

#8BB369

#69B0B3

#9169B3

Color Blindness Simulation

Original

#B36C69

Protanopia

#94946A

Deuteranopia

#989E6A

Tritanopia

#AF6A6A

Achromatopsia

#7B7B7B

CSS Usage

background-color: #B36C69;
color: #B36C69;
border-color: #B36C69;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F5F5
100
#F2E9E8
200
#E7D1D0
300
#D6AFAE
400
#C08482
500
#A95956
600
#874745
700
#6C3937
800
#552D2B
900
#3F2322
950
#281616

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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