#BCB868

#BCB868

Color Values

HEX

#BCB868

RGB

188, 184, 104

HSL

57.1, 38.5%, 57.3%

HSV

57.1, 44.7%, 73.7%

CMYK

0.0%, 2.1%, 44.7%, 26.3%

OKLCH

0.7683 0.1025 106.1

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#BCB868

#686CBC

Analogous

#BC8E68

#96BC68

#BCB868

Triadic

#BCB868

#68BCB8

#B868BC

Split Complementary

#BCB868

#6896BC

#8E68BC

Tetradic

#BCB868

#68BC8E

#686CBC

#BC6896

Color Blindness Simulation

Original

#BCB868

Protanopia

#BABA7B

Deuteranopia

#BABB80

Tritanopia

#BC8B8E

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#E9E8CE
300
#D9D7AA
400
#C5C17C
500
#B1AC4E
600
#8D893F
700
#716E32
800
#585627
900
#414020
950
#292814

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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