#B98D52

#B98D52

Color Values

HEX

#B98D52

RGB

185, 141, 82

HSL

34.4, 42.4%, 52.4%

HSV

34.4, 55.7%, 72.5%

CMYK

0.0%, 23.8%, 55.7%, 27.5%

OKLCH

0.6729 0.0933 73.2

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#B98D52

#527EB9

Analogous

#B95A52

#B2B952

#B98D52

Triadic

#B98D52

#52B98D

#8D52B9

Split Complementary

#B98D52

#52B2B9

#5A52B9

Tetradic

#B98D52

#52B95A

#527EB9

#B952B2

Color Blindness Simulation

Original

#B98D52

Protanopia

#A6A660

Deuteranopia

#A8AC64

Tritanopia

#B76C6E

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADECC
300
#DCC6A8
400
#C9A779
500
#B68749
600
#916C3B
700
#74572F
800
#5B4425
900
#43331E
950
#2A2013

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026