#BAACA2

#BAACA2

Color Values

HEX

#BAACA2

RGB

186, 172, 162

HSL

25.0, 14.8%, 68.2%

HSV

25.0, 12.9%, 72.9%

CMYK

0.0%, 7.5%, 12.9%, 27.1%

OKLCH

0.7534 0.0215 58.0

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#BAACA2

#A2B0BA

Analogous

#BAA2A4

#BAB8A2

#BAACA2

Triadic

#BAACA2

#A2BAAC

#ACA2BA

Split Complementary

#BAACA2

#A2BAB8

#A2A4BA

Tetradic

#BAACA2

#A4BAA2

#A2B0BA

#B8A2BA

Color Blindness Simulation

Original

#BAACA2

Protanopia

#B4B4A4

Deuteranopia

#B5B6A5

Tritanopia

#B9A6A7

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DAD6
300
#CBC0B9
400
#AF9E93
500
#927C6D
600
#756357
700
#5E5046
800
#493E36
900
#372F2A
950
#231E1B

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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