#BACAAF

#BACAAF

Color Values

HEX

#BACAAF

RGB

186, 202, 175

HSL

95.6, 20.3%, 73.9%

HSV

95.6, 13.4%, 79.2%

CMYK

7.9%, 0.0%, 13.4%, 20.8%

OKLCH

0.8194 0.0409 132.5

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BACAAF

#BFAFCA

Analogous

#C7CAAF

#AFCAB1

#BACAAF

Triadic

#BACAAF

#AFBACA

#CAAFBA

Split Complementary

#BACAAF

#B1AFCA

#CAAFC7

Tetradic

#BACAAF

#AFC7CA

#BFAFCA

#CAB1AF

Color Blindness Simulation

Original

#BACAAF

Protanopia

#C1C1B6

Deuteranopia

#C0BFB7

Tritanopia

#BBBBBC

Achromatopsia

#C5C5C5

CSS Usage

background-color: #BACAAF;
color: #BACAAF;
border-color: #BACAAF;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F9F6
100
#EDF0EA
200
#DAE3D4
300
#BFCEB5
400
#9DB48D
500
#7B9966
600
#627B51
700
#4F6241
800
#3D4D33
900
#2F3928
950
#1E2419

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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