#BAC64B

#BAC64B

Color Values

HEX

#BAC64B

RGB

186, 198, 75

HSL

65.9, 51.9%, 53.5%

HSV

65.9, 62.1%, 77.6%

CMYK

6.1%, 0.0%, 62.1%, 22.4%

OKLCH

0.7937 0.1462 114.5

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BAC64B

#574BC6

Analogous

#C6954B

#7CC64B

#BAC64B

Triadic

#BAC64B

#4BBAC6

#C64BBA

Split Complementary

#BAC64B

#4B7CC6

#954BC6

Tetradic

#BAC64B

#4BC695

#574BC6

#C64B7C

Color Blindness Simulation

Original

#BAC64B

Protanopia

#BFBF69

Deuteranopia

#BEBE70

Tritanopia

#BB8085

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEEC9
300
#DBE2A2
400
#C8D270
500
#B5C23D
600
#919B31
700
#747C27
800
#5A611F
900
#43471A
950
#2A2D10

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