#B9883D

#B9883D

Color Values

HEX

#B9883D

RGB

185, 136, 61

HSL

36.3, 50.4%, 48.2%

HSV

36.3, 67.0%, 72.5%

CMYK

0.0%, 26.5%, 67.0%, 27.5%

OKLCH

0.6603 0.1093 75.3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B9883D

#3D6EB9

Analogous

#B94A3D

#ACB93D

#B9883D

Triadic

#B9883D

#3DB988

#883DB9

Split Complementary

#B9883D

#3DACB9

#4A3DB9

Tetradic

#B9883D

#3DB94A

#3D6EB9

#B93DAC

Color Blindness Simulation

Original

#B9883D

Protanopia

#A4A34F

Deuteranopia

#A7AA54

Tritanopia

#B75D61

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDDFC9
300
#E1C8A3
400
#D0AB71
500
#C08D3F
600
#997133
700
#7B5A28
800
#604620
900
#46351A
950
#2C2211

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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