#BBA811

#BBA811

Color Values

HEX

#BBA811

RGB

187, 168, 17

HSL

53.3, 83.3%, 40.0%

HSV

53.3, 90.9%, 73.3%

CMYK

0.0%, 10.2%, 90.9%, 26.7%

OKLCH

0.7258 0.1483 101.0

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BBA811

#1124BB

Analogous

#BB5311

#79BB11

#BBA811

Triadic

#BBA811

#11BBA8

#A811BB

Split Complementary

#BBA811

#1179BB

#5311BB

Tetradic

#BBA811

#11BB53

#1124BB

#BB1179

Color Blindness Simulation

Original

#BBA811

Protanopia

#B3B335

Deuteranopia

#B4B53E

Tritanopia

#BA5259

Achromatopsia

#A1A1A1

CSS Usage

background-color: #BBA811;
color: #BBA811;
border-color: #BBA811;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FDFCF2
100
#FAF7E1
200
#F9F2BE
300
#F5E98F
400
#EFDE52
500
#EAD215
600
#BBA811
700
#96860E
800
#75690B
900
#554D0C
950
#363008

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72: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