#BFAC0D

#BFAC0D

Color Values

HEX

#BFAC0D

RGB

191, 172, 13

HSL

53,6, 87,3%, 40,0%

HSV

53,6, 93,2%, 74,9%

CMYK

0,0%, 9,9%, 93,2%, 25,1%

OKLCH

0,738 0,152 101,3

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BFAC0D

#0D20BF

Analogous

#BF530D

#79BF0D

#BFAC0D

Triadic

#BFAC0D

#0DBFAC

#AC0DBF

Split Complementary

#BFAC0D

#0D79BF

#530DBF

Tetradic

#BFAC0D

#0DBF53

#0D20BF

#BF0D79

Color Blindness Simulation

Original

#BFAC0D

Protanopia

#B7B733

Deuteranopia

#B8B93D

Tritanopia

#BE5259

Achromatopsia

#A5A5A5

CSS Usage

background-color: #BFAC0D;
color: #BFAC0D;
border-color: #BFAC0D;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FDFCF2
100
#FAF8E0
200
#FAF4BC
300
#F7EC8C
400
#F3E14E
500
#EFD710
600
#BFAC0D
700
#998A0A
800
#776C08
900
#574E0A
950
#373207

Contrast Checker

Text on white

2,3:1

AA Fail AAA Fail

Text on black

9,12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026