#B7BA98

#B7BA98

Color Values

HEX

#B7BA98

RGB

183, 186, 152

HSL

65.3, 19.8%, 66.3%

HSV

65.3, 18.3%, 72.9%

CMYK

1.6%, 0.0%, 18.3%, 27.1%

OKLCH

0.7775 0.0467 111.6

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B7BA98

#9B98BA

Analogous

#BAAC98

#A6BA98

#B7BA98

Triadic

#B7BA98

#98B7BA

#BA98B7

Split Complementary

#B7BA98

#98A6BA

#AC98BA

Tetradic

#B7BA98

#98BAAC

#9B98BA

#BA98A6

Color Blindness Simulation

Original

#B7BA98

Protanopia

#B8B8A0

Deuteranopia

#B8B8A2

Tritanopia

#B7A7A8

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F0EA
200
#E1E2D4
300
#CCCEB6
400
#B0B38E
500
#949966
600
#777A52
700
#5F6241
800
#4A4C33
900
#383928
950
#232419

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026