#BFC5AE

#BFC5AE

Color Values

HEX

#BFC5AE

RGB

191, 197, 174

HSL

75.7, 16.5%, 72.7%

HSV

75.7, 11.7%, 77.3%

CMYK

3.0%, 0.0%, 11.7%, 22.7%

OKLCH

0.8124 0.0322 119.0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BFC5AE

#B4AEC5

Analogous

#C5BFAE

#B3C5AE

#BFC5AE

Triadic

#BFC5AE

#AEBFC5

#C5AEBF

Split Complementary

#BFC5AE

#AEB3C5

#BFAEC5

Tetradic

#BFC5AE

#AEC5BF

#B4AEC5

#C5AEB3

Color Blindness Simulation

Original

#BFC5AE

Protanopia

#C2C2B4

Deuteranopia

#C1C1B5

Tritanopia

#BFB8B9

Achromatopsia

#C2C2C2

CSS Usage

background-color: #BFC5AE;
color: #BFC5AE;
border-color: #BFC5AE;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DEE1D5
300
#C7CCB8
400
#A8B091
500
#8A956A
600
#6E7755
700
#585F44
800
#454A35
900
#343829
950
#21231A

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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