#BAAF96

#BAAF96

Color Values

HEX

#BAAF96

RGB

186, 175, 150

HSL

41.7, 20.7%, 65.9%

HSV

41.7, 19.4%, 72.9%

CMYK

0.0%, 5.9%, 19.4%, 27.1%

OKLCH

0.7565 0.0368 87.1

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BAAF96

#96A1BA

Analogous

#BA9D96

#B3BA96

#BAAF96

Triadic

#BAAF96

#96BAAF

#AF96BA

Split Complementary

#BAAF96

#96B3BA

#9D96BA

Tetradic

#BAAF96

#96BA9D

#96A1BA

#BA96B3

Color Blindness Simulation

Original

#BAAF96

Protanopia

#B5B59C

Deuteranopia

#B6B79E

Tritanopia

#B9A1A2

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E3DED4
300
#CEC7B5
400
#B4A88D
500
#9A8A65
600
#7B6E51
700
#625841
800
#4D4533
900
#393427
950
#242119

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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