#BCAF8D

#BCAF8D

Color Values

HEX

#BCAF8D

RGB

188, 175, 141

HSL

43,4, 26,0%, 64,5%

HSV

43,4, 25,0%, 73,7%

CMYK

0,0%, 6,9%, 25,0%, 26,3%

OKLCH

0,7562 0,0488 89,6

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#BCAF8D

#8D9ABC

Analogous

#BC978D

#B1BC8D

#BCAF8D

Triadic

#BCAF8D

#8DBCAF

#AF8DBC

Split Complementary

#BCAF8D

#8DB1BC

#978DBC

Tetradic

#BCAF8D

#8DBC97

#8D9ABC

#BC8DB1

Color Blindness Simulation

Original

#BCAF8D

Protanopia

#B6B695

Deuteranopia

#B7B897

Tritanopia

#BB9C9D

Achromatopsia

#AFAFAF

CSS Usage

background-color: #BCAF8D;
color: #BCAF8D;
border-color: #BCAF8D;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E5DFD2
300
#D2C9B2
400
#B9AC88
500
#A18E5E
600
#81724B
700
#675B3C
800
#50472F
900
#3C3625
950
#262217

Contrast Checker

Text on white

2,18:1

AA Fail AAA Fail

Text on black

9,65: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