#BBAD44

#BBAD44

Color Values

HEX

#BBAD44

RGB

187, 173, 68

HSL

52.9, 46.7%, 50.0%

HSV

52.9, 63.6%, 73.3%

CMYK

0.0%, 7.5%, 63.6%, 26.7%

OKLCH

0.7395 0.1257 101.7

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BBAD44

#4452BB

Analogous

#BB7144

#8EBB44

#BBAD44

Triadic

#BBAD44

#44BBAD

#AD44BB

Split Complementary

#BBAD44

#448EBB

#7144BB

Tetradic

#BBAD44

#44BB71

#4452BB

#BB448E

Color Blindness Simulation

Original

#BBAD44

Protanopia

#B5B55D

Deuteranopia

#B6B764

Tritanopia

#BA7176

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE8CB
300
#DED8A5
400
#CDC275
500
#BBAD44
600
#968A36
700
#786F2B
800
#5E5622
900
#45401C
950
#2B2812

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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