#BFBD46

#BFBD46

Color Values

HEX

#BFBD46

RGB

191, 189, 70

HSL

59.0, 48.6%, 51.2%

HSV

59.0, 63.4%, 74.9%

CMYK

0.0%, 1.0%, 63.4%, 25.1%

OKLCH

0.7776 0.1392 108.3

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BFBD46

#4648BF

Analogous

#BF8146

#85BF46

#BFBD46

Triadic

#BFBD46

#46BFBD

#BD46BF

Split Complementary

#BFBD46

#4685BF

#8146BF

Tetradic

#BFBD46

#46BF81

#4648BF

#BF4685

Color Blindness Simulation

Original

#BFBD46

Protanopia

#BEBE63

Deuteranopia

#BEBE6A

Tritanopia

#BF7A7F

Achromatopsia

#B5B5B5

CSS Usage

background-color: #BFBD46;
color: #BFBD46;
border-color: #BFBD46;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDECCA
300
#E0DFA4
400
#CFCD73
500
#BDBB42
600
#989634
700
#79782A
800
#5F5E21
900
#46451B
950
#2C2C11

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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