#BACD82

#BACD82

Color Values

HEX

#BACD82

RGB

186, 205, 130

HSL

75.2, 42.9%, 65.7%

HSV

75.2, 36.6%, 80.4%

CMYK

9.3%, 0.0%, 36.6%, 19.6%

OKLCH

0.8163 0.1005 120.3

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#BACD82

#9582CD

Analogous

#CDBB82

#95CD82

#BACD82

Triadic

#BACD82

#82BACD

#CD82BA

Split Complementary

#BACD82

#8295CD

#BB82CD

Tetradic

#BACD82

#82CDBB

#9582CD

#CD8295

Color Blindness Simulation

Original

#BACD82

Protanopia

#C2C294

Deuteranopia

#C1C098

Tritanopia

#BBA2A6

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F0F4E7
200
#E3EBCC
300
#CFDCA8
400
#B5C978
500
#9AB649
600
#7C923A
700
#63752F
800
#4D5B24
900
#3A431E
950
#242A13

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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