#BFBA20

#BFBA20

Color Values

HEX

#BFBA20

RGB

191, 186, 32

HSL

58.1, 71.3%, 43.7%

HSV

58.1, 83.2%, 74.9%

CMYK

0.0%, 2.6%, 83.2%, 25.1%

OKLCH

0.7687 0.1581 107.6

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#BFBA20

#2025BF

Analogous

#BF6A20

#74BF20

#BFBA20

Triadic

#BFBA20

#20BFBA

#BA20BF

Split Complementary

#BFBA20

#2074BF

#6A20BF

Tetradic

#BFBA20

#20BF6A

#2025BF

#BF2074

Color Blindness Simulation

Original

#BFBA20

Protanopia

#BDBD45

Deuteranopia

#BDBE4E

Tritanopia

#BF6369

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F5F3C2
300
#EDEB96
400
#E4E05D
500
#DAD525
600
#AFAA1D
700
#8C8817
800
#6D6A12
900
#504E11
950
#32310B

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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