#B9854D

#B9854D

Color Values

HEX

#B9854D

RGB

185, 133, 77

HSL

31.1, 43.5%, 51.4%

HSV

31.1, 58.4%, 72.5%

CMYK

0.0%, 28.1%, 58.4%, 27.5%

OKLCH

0.6564 0.0969 66.8

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#B9854D

#4D81B9

Analogous

#B94F4D

#B7B94D

#B9854D

Triadic

#B9854D

#4DB985

#854DB9

Split Complementary

#B9854D

#4DB7B9

#4F4DB9

Tetradic

#B9854D

#4DB94F

#4D81B9

#B94DB7

Color Blindness Simulation

Original

#B9854D

Protanopia

#A2A25B

Deuteranopia

#A6A95E

Tritanopia

#B66568

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDCCC
300
#DCC3A7
400
#CAA278
500
#B78248
600
#92683A
700
#75532E
800
#5B4124
900
#43311D
950
#2B1F13

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026