#B8A347

#B8A347

Color Values

HEX

#B8A347

RGB

184, 163, 71

HSL

48.8, 44.3%, 50.0%

HSV

48.8, 61.4%, 72.2%

CMYK

0.0%, 11.4%, 61.4%, 27.8%

OKLCH

0.7157 0.1145 96.5

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#B8A347

#475CB8

Analogous

#B86A47

#95B847

#B8A347

Triadic

#B8A347

#47B8A3

#A347B8

Split Complementary

#B8A347

#4795B8

#6A47B8

Tetradic

#B8A347

#47B86A

#475CB8

#B84795

Color Blindness Simulation

Original

#B8A347

Protanopia

#AFAF5D

Deuteranopia

#B0B263

Tritanopia

#B76F73

Achromatopsia

#A1A1A1

CSS Usage

background-color: #B8A347;
color: #B8A347;
border-color: #B8A347;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE5CB
300
#DDD3A7
400
#CABB77
500
#B8A347
600
#938239
700
#76682D
800
#5C5124
900
#443D1D
950
#2B2612

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.37:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026