#BCB186

#BCB186

Color Values

HEX

#BCB186

RGB

188, 177, 134

HSL

47.8, 28.7%, 63.1%

HSV

47.8, 28.7%, 73.7%

CMYK

0.0%, 5.9%, 28.7%, 26.3%

OKLCH

0.7588 0.0594 95.4

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#BCB186

#8691BC

Analogous

#BC9686

#ACBC86

#BCB186

Triadic

#BCB186

#86BCB1

#B186BC

Split Complementary

#BCB186

#86ACBC

#9686BC

Tetradic

#BCB186

#86BC96

#8691BC

#BC86AC

Color Blindness Simulation

Original

#BCB186

Protanopia

#B7B790

Deuteranopia

#B8B993

Tritanopia

#BB999A

Achromatopsia

#B0B0B0

CSS Usage

background-color: #BCB186;
color: #BCB186;
border-color: #BCB186;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F8F5
100
#F2F0E9
200
#E6E1D1
300
#D3CCB0
400
#BCB186
500
#A4955B
600
#837749
700
#695F3A
800
#524B2D
900
#3D3824
950
#272317

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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