#BACB54

#BACB54

Color Values

HEX

#BACB54

RGB

186, 203, 84

HSL

68.6, 53.4%, 56.3%

HSV

68.6, 58.6%, 79.6%

CMYK

8.4%, 0.0%, 58.6%, 20.4%

OKLCH

0.8056 0.1447 116.6

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BACB54

#6554CB

Analogous

#CBA154

#7FCB54

#BACB54

Triadic

#BACB54

#54BACB

#CB54BA

Split Complementary

#BACB54

#547FCB

#A154CB

Tetradic

#BACB54

#54CBA1

#6554CB

#CB547F

Color Blindness Simulation

Original

#BACB54

Protanopia

#C1C271

Deuteranopia

#C0BF78

Tritanopia

#BB888D

Achromatopsia

#BFBFBF

CSS Usage

background-color: #BACB54;
color: #BACB54;
border-color: #BACB54;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#E9EEC8
300
#D9E2A1
400
#C5D36E
500
#B0C43B
600
#8D9C30
700
#717D26
800
#58621E
900
#414819
950
#292D10

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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