#BACD6A

#BACD6A

Color Values

HEX

#BACD6A

RGB

186, 205, 106

HSL

71.5, 49.7%, 61.0%

HSV

71.5, 48.3%, 80.4%

CMYK

9.3%, 0.0%, 48.3%, 19.6%

OKLCH

0.8126 0.1266 118.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BACD6A

#7D6ACD

Analogous

#CDAE6A

#89CD6A

#BACD6A

Triadic

#BACD6A

#6ABACD

#CD6ABA

Split Complementary

#BACD6A

#6A89CD

#AE6ACD

Tetradic

#BACD6A

#6ACDAE

#7D6ACD

#CD6A89

Color Blindness Simulation

Original

#BACD6A

Protanopia

#C2C282

Deuteranopia

#C1C088

Tritanopia

#BB9599

Achromatopsia

#C2C2C2

CSS Usage

background-color: #BACD6A;
color: #BACD6A;
border-color: #BACD6A;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9FBF4
100
#F2F5E6
200
#E6EDCA
300
#D5E0A3
400
#BED072
500
#A7BF40
600
#859933
700
#6B7A29
800
#535F20
900
#3E461B
950
#272C11

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

12.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026