#B9BC93

#B9BC93

Color Values

HEX

#B9BC93

RGB

185, 188, 147

HSL

64.4, 23.4%, 65.7%

HSV

64.4, 21.8%, 73.7%

CMYK

1.6%, 0.0%, 21.8%, 26.3%

OKLCH

0.7822 0.0558 111.1

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B9BC93

#9693BC

Analogous

#BCAB93

#A5BC93

#B9BC93

Triadic

#B9BC93

#93B9BC

#BC93B9

Split Complementary

#B9BC93

#93A5BC

#AB93BC

Tetradic

#B9BC93

#93BCAB

#9693BC

#BC93A5

Color Blindness Simulation

Original

#B9BC93

Protanopia

#BABA9D

Deuteranopia

#BABA9F

Tritanopia

#B9A5A6

Achromatopsia

#B8B8B8

CSS Usage

background-color: #B9BC93;
color: #B9BC93;
border-color: #B9BC93;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F9F9F6
100
#F0F1EA
200
#E2E4D3
300
#CED0B3
400
#B3B78B
500
#999D62
600
#7A7E4E
700
#62653F
800
#4C4F31
900
#393B26
950
#242518

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.68:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026