#BBA882

#BBA882

Color Values

HEX

#BBA882

RGB

187, 168, 130

HSL

40.0, 29.5%, 62.2%

HSV

40.0, 30.5%, 73.3%

CMYK

0.0%, 10.2%, 30.5%, 26.7%

OKLCH

0.7384 0.0563 84.4

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#BBA882

#8295BB

Analogous

#BB8C82

#B2BB82

#BBA882

Triadic

#BBA882

#82BBA8

#A882BB

Split Complementary

#BBA882

#82B2BB

#8C82BB

Tetradic

#BBA882

#82BB8C

#8295BB

#BB82B2

Color Blindness Simulation

Original

#BBA882

Protanopia

#B3B38B

Deuteranopia

#B4B58D

Tritanopia

#BA9294

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6DFD1
300
#D4C8B0
400
#BCAA85
500
#A58C5A
600
#847048
700
#6A5A3A
800
#53462D
900
#3D3524
950
#272116

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026