#BAA5AF

#BAA5AF

Color Values

HEX

#BAA5AF

RGB

186, 165, 175

HSL

331.4, 13.2%, 68.8%

HSV

331.4, 11.3%, 72.9%

CMYK

0.0%, 11.3%, 5.9%, 27.1%

OKLCH

0.7431 0.028 347.4

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#BAA5AF

#A5BAB0

Analogous

#BAA5B9

#BAA5A5

#BAA5AF

Triadic

#BAA5AF

#AFBAA5

#A5AFBA

Split Complementary

#BAA5AF

#A5BAA5

#A5B9BA

Tetradic

#BAA5AF

#B9BAA5

#A5BAB0

#A5A5BA

Color Blindness Simulation

Original

#BAA5AF

Protanopia

#B1B1AD

Deuteranopia

#B2B4AC

Tritanopia

#B9ABAA

Achromatopsia

#AAAAAA

CSS Usage

background-color: #BAA5AF;
color: #BAA5AF;
border-color: #BAA5AF;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D7DB
300
#CABAC1
400
#AD94A0
500
#906F7F
600
#735965
700
#5C4751
800
#48373F
900
#362B30
950
#221B1E

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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