#B4BB7F

#B4BB7F

Color Values

HEX

#B4BB7F

RGB

180, 187, 127

HSL

67.0, 30.6%, 61.6%

HSV

67.0, 32.1%, 73.3%

CMYK

3.7%, 0.0%, 32.1%, 26.7%

OKLCH

0.772 0.0805 113.7

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B4BB7F

#867FBB

Analogous

#BBA47F

#96BB7F

#B4BB7F

Triadic

#B4BB7F

#7FB4BB

#BB7FB4

Split Complementary

#B4BB7F

#7F96BB

#A47FBB

Tetradic

#B4BB7F

#7FBBA4

#867FBB

#BB7F96

Color Blindness Simulation

Original

#B4BB7F

Protanopia

#B7B78E

Deuteranopia

#B7B691

Tritanopia

#B4999C

Achromatopsia

#B5B5B5

CSS Usage

background-color: #B4BB7F;
color: #B4BB7F;
border-color: #B4BB7F;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E4E6D0
300
#D0D5AF
400
#B7BE84
500
#9DA758
600
#7E8547
700
#656B39
800
#4F532C
900
#3B3E23
950
#252716

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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