#B89C47

#B89C47

Color Values

HEX

#B89C47

RGB

184, 156, 71

HSL

45.1, 44.3%, 50.0%

HSV

45.1, 61.4%, 72.2%

CMYK

0.0%, 15.2%, 61.4%, 27.8%

OKLCH

0.701 0.1093 91.1

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#B89C47

#4763B8

Analogous

#B86347

#9CB847

#B89C47

Triadic

#B89C47

#47B89C

#9C47B8

Split Complementary

#B89C47

#479CB8

#6347B8

Tetradic

#B89C47

#47B863

#4763B8

#B8479C

Color Blindness Simulation

Original

#B89C47

Protanopia

#ACAC5C

Deuteranopia

#AEB060

Tritanopia

#B76C6F

Achromatopsia

#9C9C9C

CSS Usage

background-color: #B89C47;
color: #B89C47;
border-color: #B89C47;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE3CB
300
#DDCFA7
400
#CAB677
500
#B89C47
600
#937D39
700
#76642D
800
#5C4E24
900
#443A1D
950
#2B2512

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.88:1

AA Pass AAA Pass

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