#BAADA2

#BAADA2

Color Values

HEX

#BAADA2

RGB

186, 173, 162

HSL

27.5, 14.8%, 68.2%

HSV

27.5, 12.9%, 72.9%

CMYK

0.0%, 7.0%, 12.9%, 27.1%

OKLCH

0.7555 0.0216 62.8

Properties

Warm Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BAADA2

#A2AFBA

Analogous

#BAA2A3

#BAB9A2

#BAADA2

Triadic

#BAADA2

#A2BAAD

#ADA2BA

Split Complementary

#BAADA2

#A2BAB9

#A2A3BA

Tetradic

#BAADA2

#A3BAA2

#A2AFBA

#B9A2BA

Color Blindness Simulation

Original

#BAADA2

Protanopia

#B4B4A5

Deuteranopia

#B5B6A5

Tritanopia

#B9A7A7

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DBD6
300
#CBC1B9
400
#AF9F93
500
#927E6D
600
#756557
700
#5E5146
800
#493F36
900
#37302A
950
#231E1B

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026