#BACFAA

#BACFAA

Color Values

HEX

#BACFAA

RGB

186, 207, 170

HSL

94.1, 27.8%, 73.9%

HSV

94.1, 17.9%, 81.2%

CMYK

10.1%, 0.0%, 17.9%, 18.8%

OKLCH

0.8288 0.0553 131.7

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BACFAA

#BFAACF

Analogous

#CCCFAA

#AACFAC

#BACFAA

Triadic

#BACFAA

#AABACF

#CFAABA

Split Complementary

#BACFAA

#ACAACF

#CFAACC

Tetradic

#BACFAA

#AACCCF

#BFAACF

#CFACAA

Color Blindness Simulation

Original

#BACFAA

Protanopia

#C3C3B3

Deuteranopia

#C2C0B5

Tritanopia

#BBBABC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DAE5D1
300
#BFD3B1
400
#9DBB86
500
#7BA35C
600
#62824A
700
#4E683B
800
#3D512E
900
#2F3D24
950
#1E2617

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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