#BAB40E

#BAB40E

Color Values

HEX

#BAB40E

RGB

186, 180, 14

HSL

57.9, 86.0%, 39.2%

HSV

57.9, 92.5%, 72.9%

CMYK

0.0%, 3.2%, 92.5%, 27.1%

OKLCH

0.7507 0.1588 107.2

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BAB40E

#0E14BA

Analogous

#BA5E0E

#6ABA0E

#BAB40E

Triadic

#BAB40E

#0EBAB4

#B40EBA

Split Complementary

#BAB40E

#0E6ABA

#5E0EBA

Tetradic

#BAB40E

#0EBA5E

#0E14BA

#BA0E6A

Color Blindness Simulation

Original

#BAB40E

Protanopia

#B7B736

Deuteranopia

#B8B840

Tritanopia

#BA565D

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#FAF8BD
300
#F6F38D
400
#F2EC50
500
#EDE512
600
#BEB80E
700
#98930B
800
#777309
900
#56530B
950
#363507

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026