#BAB754

#BAB754

Color Values

HEX

#BAB754

RGB

186, 183, 84

HSL

58.2, 42.5%, 52.9%

HSV

58.2, 54.8%, 72.9%

CMYK

0.0%, 1.6%, 54.8%, 27.1%

OKLCH

0.7618 0.1217 107.4

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BAB754

#5457BA

Analogous

#BA8454

#8ABA54

#BAB754

Triadic

#BAB754

#54BAB7

#B754BA

Split Complementary

#BAB754

#548ABA

#8454BA

Tetradic

#BAB754

#54BA84

#5457BA

#BA548A

Color Blindness Simulation

Original

#BAB754

Protanopia

#B9B96C

Deuteranopia

#B9B972

Tritanopia

#BA7F83

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EAEACC
300
#DCDAA8
400
#C9C679
500
#B6B249
600
#918F3B
700
#74722F
800
#5B5925
900
#43421E
950
#2A2A13

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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