#BFC3AE

#BFC3AE

Color Values

HEX

#BFC3AE

RGB

191, 195, 174

HSL

71.4, 14.9%, 72.4%

HSV

71.4, 10.8%, 76.5%

CMYK

2.1%, 0.0%, 10.8%, 23.5%

OKLCH

0.8082 0.0291 115.8

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BFC3AE

#B2AEC3

Analogous

#C3BDAE

#B5C3AE

#BFC3AE

Triadic

#BFC3AE

#AEBFC3

#C3AEBF

Split Complementary

#BFC3AE

#AEB5C3

#BDAEC3

Tetradic

#BFC3AE

#AEC3BD

#B2AEC3

#C3AEB5

Color Blindness Simulation

Original

#BFC3AE

Protanopia

#C1C1B3

Deuteranopia

#C0C0B4

Tritanopia

#BFB7B8

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE1D6
300
#C7CBB9
400
#A9AF93
500
#8B926D
600
#6F7557
700
#595E45
800
#464936
900
#34372A
950
#21231A

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026