#BFBA54

#BFBA54

Color Values

HEX

#BFBA54

RGB

191, 186, 84

HSL

57.2, 45.5%, 53.9%

HSV

57.2, 56.0%, 74.9%

CMYK

0.0%, 2.6%, 56.0%, 25.1%

OKLCH

0.7726 0.1244 106.4

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BFBA54

#5459BF

Analogous

#BF8454

#8EBF54

#BFBA54

Triadic

#BFBA54

#54BFBA

#BA54BF

Split Complementary

#BFBA54

#548EBF

#8454BF

Tetradic

#BFBA54

#54BF84

#5459BF

#BF548E

Color Blindness Simulation

Original

#BFBA54

Protanopia

#BDBD6D

Deuteranopia

#BDBE73

Tritanopia

#BF8084

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECEACB
300
#DEDBA6
400
#CCC876
500
#BAB445
600
#949038
700
#77732C
800
#5D5A23
900
#44421D
950
#2B2A12

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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