#B9B653

#B9B653

Color Values

HEX

#B9B653

RGB

185, 182, 83

HSL

58.2, 42.1%, 52.5%

HSV

58.2, 55.1%, 72.5%

CMYK

0.0%, 1.6%, 55.1%, 27.5%

OKLCH

0.7587 0.1217 107.4

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#B9B653

#5356B9

Analogous

#B98353

#89B953

#B9B653

Triadic

#B9B653

#53B9B6

#B653B9

Split Complementary

#B9B653

#5389B9

#8353B9

Tetradic

#B9B653

#53B983

#5356B9

#B95389

Color Blindness Simulation

Original

#B9B653

Protanopia

#B8B86B

Deuteranopia

#B8B871

Tritanopia

#B97E82

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EAE9CC
300
#DCDAA8
400
#C8C679
500
#B5B24A
600
#918E3B
700
#74722F
800
#5B5925
900
#43421E
950
#2A2913

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026