#BFA896

#BFA896

Color Values

HEX

#BFA896

RGB

191, 168, 150

HSL

26.3, 24.3%, 66.9%

HSV

26.3, 21.5%, 74.9%

CMYK

0.0%, 12.0%, 21.5%, 25.1%

OKLCH

0.7467 0.0369 60.2

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BFA896

#96ADBF

Analogous

#BF9699

#BFBD96

#BFA896

Triadic

#BFA896

#96BFA8

#A896BF

Split Complementary

#BFA896

#96BFBD

#9699BF

Tetradic

#BFA896

#99BF96

#96ADBF

#BD96BF

Color Blindness Simulation

Original

#BFA896

Protanopia

#B5B59A

Deuteranopia

#B6B89B

Tritanopia

#BE9E9F

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E4DAD3
300
#D1C0B3
400
#B89E8A
500
#9E7C61
600
#7F634D
700
#654F3E
800
#4F3E30
900
#3B2F26
950
#251E18

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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