#B4BC92

#B4BC92

Color Values

HEX

#B4BC92

RGB

180, 188, 146

HSL

71.4, 23.9%, 65.5%

HSV

71.4, 22.3%, 73.7%

CMYK

4.3%, 0.0%, 22.3%, 26.3%

OKLCH

0.778 0.0579 116.5

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B4BC92

#9A92BC

Analogous

#BCAF92

#9FBC92

#B4BC92

Triadic

#B4BC92

#92B4BC

#BC92B4

Split Complementary

#B4BC92

#929FBC

#AF92BC

Tetradic

#B4BC92

#92BCAF

#9A92BC

#BC929F

Color Blindness Simulation

Original

#B4BC92

Protanopia

#B7B89C

Deuteranopia

#B7B69F

Tritanopia

#B4A4A6

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E1E4D3
300
#CBD0B3
400
#AFB78A
500
#929E61
600
#757E4E
700
#5E653E
800
#494F31
900
#373B26
950
#232518

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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