#B87D3C

#B87D3C

Color Values

HEX

#B87D3C

RGB

184, 125, 60

HSL

31.5, 50.8%, 47.8%

HSV

31.5, 67.4%, 72.2%

CMYK

0.0%, 32.1%, 67.4%, 27.8%

OKLCH

0.6376 0.1092 66.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B87D3C

#3C77B8

Analogous

#B83F3C

#B5B83C

#B87D3C

Triadic

#B87D3C

#3CB87D

#7D3CB8

Split Complementary

#B87D3C

#3CB5B8

#3F3CB8

Tetradic

#B87D3C

#3CB83F

#3C77B8

#B83CB5

Color Blindness Simulation

Original

#B87D3C

Protanopia

#9E9E4C

Deuteranopia

#A2A650

Tritanopia

#B5585B

Achromatopsia

#858585

CSS Usage

background-color: #B87D3C;
color: #B87D3C;
border-color: #B87D3C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EDDCC9
300
#E1C3A3
400
#D1A371
500
#C0833F
600
#9A6932
700
#7B5428
800
#60411F
900
#47321A
950
#2D1F11

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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