#B2C287

#B2C287

Color Values

HEX

#B2C287

RGB

178, 194, 135

HSL

76.3, 32.6%, 64.5%

HSV

76.3, 30.4%, 76.1%

CMYK

8.2%, 0.0%, 30.4%, 23.9%

OKLCH

0.7872 0.0812 120.6

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B2C287

#9787C2

Analogous

#C2B587

#94C287

#B2C287

Triadic

#B2C287

#87B2C2

#C287B2

Split Complementary

#B2C287

#8794C2

#B587C2

Tetradic

#B2C287

#87C2B5

#9787C2

#C28794

Color Blindness Simulation

Original

#B2C287

Protanopia

#B9B995

Deuteranopia

#B8B799

Tritanopia

#B3A1A3

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EFF2E8
200
#E1E7D0
300
#CBD6AE
400
#AFBF82
500
#92A956
600
#758745
700
#5E6C37
800
#49552B
900
#373F22
950
#232816

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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