#BACF4C

#BACF4C

Color Values

HEX

#BACF4C

RGB

186, 207, 76

HSL

69.6, 57.7%, 55.5%

HSV

69.6, 63.3%, 81.2%

CMYK

10.1%, 0.0%, 63.3%, 18.8%

OKLCH

0.8137 0.1559 117.8

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BACF4C

#614CCF

Analogous

#CFA24C

#79CF4C

#BACF4C

Triadic

#BACF4C

#4CBACF

#CF4CBA

Split Complementary

#BACF4C

#4C79CF

#A24CCF

Tetradic

#BACF4C

#4CCFA2

#614CCF

#CF4C79

Color Blindness Simulation

Original

#BACF4C

Protanopia

#C3C36C

Deuteranopia

#C2C073

Tritanopia

#BB858A

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F6E4
200
#E9F0C7
300
#DAE59E
400
#C6D76A
500
#B2C936
600
#8EA12B
700
#728123
800
#59651B
900
#424A17
950
#292E0F

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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