#BAB312

#BAB312

Color Values

HEX

#BAB312

RGB

186, 179, 18

HSL

57.5, 82.4%, 40.0%

HSV

57.5, 90.3%, 72.9%

CMYK

0.0%, 3.8%, 90.3%, 27.1%

OKLCH

0.7487 0.1571 106.8

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BAB312

#1219BA

Analogous

#BA5F12

#6DBA12

#BAB312

Triadic

#BAB312

#12BAB3

#B312BA

Split Complementary

#BAB312

#126DBA

#5F12BA

Tetradic

#BAB312

#12BA5F

#1219BA

#BA126D

Color Blindness Simulation

Original

#BAB312

Protanopia

#B7B739

Deuteranopia

#B7B842

Tritanopia

#BA585E

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F9F6BE
300
#F4F08F
400
#EEE853
500
#E9E016
600
#BAB312
700
#958F0E
800
#74700B
900
#54510D
950
#353308

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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