#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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026