#BAB519

#BAB519

Color Values

HEX

#BAB519

RGB

186, 181, 25

HSL

58.1, 76.3%, 41.4%

HSV

58.1, 86.6%, 72.9%

CMYK

0.0%, 2.7%, 86.6%, 27.1%

OKLCH

0.7532 0.1569 107.6

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BAB519

#191EBA

Analogous

#BA6419

#6FBA19

#BAB519

Triadic

#BAB519

#19BAB5

#B519BA

Split Complementary

#BAB519

#196FBA

#6419BA

Tetradic

#BAB519

#19BA64

#191EBA

#BA196F

Color Blindness Simulation

Original

#BAB519

Protanopia

#B8B83F

Deuteranopia

#B8B848

Tritanopia

#BA5D63

Achromatopsia

#ABABAB

CSS Usage

background-color: #BAB519;
color: #BAB519;
border-color: #BAB519;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F7F5C0
300
#F0EE93
400
#E9E459
500
#E1DB1E
600
#B4AF18
700
#908C13
800
#706D0F
900
#52500F
950
#34320A

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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