#BAC38B

#BAC38B

Color Values

HEX

#BAC38B

RGB

186, 195, 139

HSL

69.6, 31.8%, 65.5%

HSV

69.6, 28.7%, 76.5%

CMYK

4.6%, 0.0%, 28.7%, 23.5%

OKLCH

0.7963 0.0756 115.6

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#BAC38B

#948BC3

Analogous

#C3B08B

#9EC38B

#BAC38B

Triadic

#BAC38B

#8BBAC3

#C38BBA

Split Complementary

#BAC38B

#8B9EC3

#B08BC3

Tetradic

#BAC38B

#8BC3B0

#948BC3

#C38B9E

Color Blindness Simulation

Original

#BAC38B

Protanopia

#BEBE99

Deuteranopia

#BDBD9C

Tritanopia

#BAA3A6

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F2E8
200
#E3E7D0
300
#CFD5AE
400
#B5BF83
500
#9BA857
600
#7C8646
700
#636C38
800
#4E542B
900
#3A3E23
950
#252716

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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