#BACD4E

#BACD4E

Color Values

HEX

#BACD4E

RGB

186, 205, 78

HSL

69.0, 55.9%, 55.5%

HSV

69.0, 62.0%, 80.4%

CMYK

9.3%, 0.0%, 62.0%, 19.6%

OKLCH

0.8095 0.152 117.1

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BACD4E

#614ECD

Analogous

#CDA14E

#7ACD4E

#BACD4E

Triadic

#BACD4E

#4EBACD

#CD4EBA

Split Complementary

#BACD4E

#4E7ACD

#A14ECD

Tetradic

#BACD4E

#4ECDA1

#614ECD

#CD4E7A

Color Blindness Simulation

Original

#BACD4E

Protanopia

#C2C26D

Deuteranopia

#C1C074

Tritanopia

#BB858A

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F6E5
200
#E9EFC7
300
#DAE4A0
400
#C6D56C
500
#B1C738
600
#8E9F2D
700
#727F24
800
#59631C
900
#424918
950
#292E0F

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.93:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026