#BACEA2

#BACEA2

Color Values

HEX

#BACEA2

RGB

186, 206, 162

HSL

87.3, 31.0%, 72.2%

HSV

87.3, 21.4%, 80.8%

CMYK

9.7%, 0.0%, 21.4%, 19.2%

OKLCH

0.8248 0.0635 127.6

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#BACEA2

#B6A2CE

Analogous

#CECCA2

#A4CEA2

#BACEA2

Triadic

#BACEA2

#A2BACE

#CEA2BA

Split Complementary

#BACEA2

#A2A4CE

#CCA2CE

Tetradic

#BACEA2

#A2CECC

#B6A2CE

#CEA2A4

Color Blindness Simulation

Original

#BACEA2

Protanopia

#C3C3AD

Deuteranopia

#C2C0AF

Tritanopia

#BBB5B7

Achromatopsia

#C7C7C7

CSS Usage

background-color: #BACEA2;
color: #BACEA2;
border-color: #BACEA2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F5
100
#EEF2E8
200
#DCE6D0
300
#C4D5AF
400
#A3BE83
500
#83A758
600
#698646
700
#546B38
800
#42542C
900
#323E23
950
#1F2716

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.44:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026