#B2BB8A

#B2BB8A

Color Values

HEX

#B2BB8A

RGB

178, 187, 138

HSL

71.0, 26.5%, 63.7%

HSV

71.0, 26.2%, 73.3%

CMYK

4.8%, 0.0%, 26.2%, 26.7%

OKLCH

0.7726 0.0672 116.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B2BB8A

#938ABB

Analogous

#BBAB8A

#99BB8A

#B2BB8A

Triadic

#B2BB8A

#8AB2BB

#BB8AB2

Split Complementary

#B2BB8A

#8A99BB

#AB8ABB

Tetradic

#B2BB8A

#8ABBAB

#938ABB

#BB8A99

Color Blindness Simulation

Original

#B2BB8A

Protanopia

#B6B696

Deuteranopia

#B5B599

Tritanopia

#B29FA1

Achromatopsia

#B6B6B6

CSS Usage

background-color: #B2BB8A;
color: #B2BB8A;
border-color: #B2BB8A;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F6
100
#F0F1E9
200
#E1E5D2
300
#CCD2B2
400
#B0BA88
500
#95A15E
600
#77814B
700
#5F673C
800
#4A512F
900
#383C25
950
#232617

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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