#BBBF83

#BBBF83

Color Values

HEX

#BBBF83

RGB

187, 191, 131

HSL

64.0, 31.9%, 63.1%

HSV

64.0, 31.4%, 74.9%

CMYK

2.1%, 0.0%, 31.4%, 25.1%

OKLCH

0.787 0.0798 111.3

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#BBBF83

#8783BF

Analogous

#BFA583

#9DBF83

#BBBF83

Triadic

#BBBF83

#83BBBF

#BF83BB

Split Complementary

#BBBF83

#839DBF

#A583BF

Tetradic

#BBBF83

#83BFA5

#8783BF

#BF839D

Color Blindness Simulation

Original

#BBBF83

Protanopia

#BDBD92

Deuteranopia

#BCBC95

Tritanopia

#BB9DA0

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E8
200
#E5E7D0
300
#D3D5AE
400
#BBBF83
500
#A3A857
600
#828745
700
#686C38
800
#51542B
900
#3D3E23
950
#262716

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026