#BBC797

#BBC797

Color Values

HEX

#BBC797

RGB

187, 199, 151

HSL

75.0, 30.0%, 68.6%

HSV

75.0, 24.1%, 78.0%

CMYK

6.0%, 0.0%, 24.1%, 22.0%

OKLCH

0.8082 0.0661 119.3

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#BBC797

#A397C7

Analogous

#C7BB97

#A3C797

#BBC797

Triadic

#BBC797

#97BBC7

#C797BB

Split Complementary

#BBC797

#97A3C7

#BB97C7

Tetradic

#BBC797

#97C7BB

#A397C7

#C797A3

Color Blindness Simulation

Original

#BBC797

Protanopia

#C0C0A3

Deuteranopia

#C0BFA5

Tritanopia

#BCACAE

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EFF2E9
200
#E1E6D1
300
#CBD4AF
400
#AFBD84
500
#93A659
600
#758547
700
#5E6A39
800
#49532D
900
#373E23
950
#232716

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026