#BFBC61

#BFBC61

Color Values

HEX

#BFBC61

RGB

191, 188, 97

HSL

58.1, 42.3%, 56.5%

HSV

58.1, 49.2%, 74.9%

CMYK

0.0%, 1.6%, 49.2%, 25.1%

OKLCH

0.7785 0.114 107.1

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#BFBC61

#6164BF

Analogous

#BF8D61

#93BF61

#BFBC61

Triadic

#BFBC61

#61BFBC

#BC61BF

Split Complementary

#BFBC61

#6193BF

#8D61BF

Tetradic

#BFBC61

#61BF8D

#6164BF

#BF6193

Color Blindness Simulation

Original

#BFBC61

Protanopia

#BEBE77

Deuteranopia

#BEBE7C

Tritanopia

#BF888C

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EAE9CC
300
#DCDAA8
400
#C9C679
500
#B5B24A
600
#918E3B
700
#74722F
800
#5B5925
900
#43421E
950
#2A2A13

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

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