#B2B699

#B2B699

Color Values

HEX

#B2B699

RGB

178, 182, 153

HSL

68.3, 16.6%, 65.7%

HSV

68.3, 15.9%, 71.4%

CMYK

2.2%, 0.0%, 15.9%, 28.6%

OKLCH

0.7652 0.0403 113.7

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B2B699

#9D99B6

Analogous

#B6AC99

#A4B699

#B2B699

Triadic

#B2B699

#99B2B6

#B699B2

Split Complementary

#B2B699

#99A4B6

#AC99B6

Tetradic

#B2B699

#99B6AC

#9D99B6

#B699A4

Color Blindness Simulation

Original

#B2B699

Protanopia

#B4B4A0

Deuteranopia

#B4B3A2

Tritanopia

#B2A6A7

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#E0E1D5
300
#C9CCB8
400
#ACB091
500
#8F956A
600
#727755
700
#5B5F44
800
#474A35
900
#363829
950
#22231A

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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