#BACFAB

#BACFAB

Color Values

HEX

#BACFAB

RGB

186, 207, 171

HSL

95.0, 27.3%, 74.1%

HSV

95.0, 17.4%, 81.2%

CMYK

10.1%, 0.0%, 17.4%, 18.8%

OKLCH

0.8291 0.0541 132.3

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BACFAB

#C0ABCF

Analogous

#CCCFAB

#ABCFAE

#BACFAB

Triadic

#BACFAB

#ABBACF

#CFABBA

Split Complementary

#BACFAB

#AEABCF

#CFABCC

Tetradic

#BACFAB

#ABCCCF

#C0ABCF

#CFAEAB

Color Blindness Simulation

Original

#BACFAB

Protanopia

#C3C3B4

Deuteranopia

#C2C0B6

Tritanopia

#BBBBBC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#DAE5D2
300
#BFD3B1
400
#9CBA87
500
#7AA25D
600
#61824A
700
#4E683B
800
#3D512E
900
#2E3C25
950
#1D2617

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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