#BACCBC

#BACCBC

Color Values

HEX

#BACCBC

RGB

186, 204, 188

HSL

126.7, 15.0%, 76.5%

HSV

126.7, 8.8%, 80.0%

CMYK

8.8%, 0.0%, 7.8%, 20.0%

OKLCH

0.827 0.0295 148.5

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BACCBC

#CCBACA

Analogous

#C1CCBA

#BACCC5

#BACCBC

Triadic

#BACCBC

#BCBACC

#CCBCBA

Split Complementary

#BACCBC

#C5BACC

#CCBAC1

Tetradic

#BACCBC

#BAC1CC

#CCBACA

#CCC5BA

Color Blindness Simulation

Original

#BACCBC

Protanopia

#C2C2C0

Deuteranopia

#C1BFC1

Tritanopia

#BBC3C4

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFEB
200
#D6E1D7
300
#B9CBBB
400
#92AF96
500
#6C9371
600
#57755A
700
#455E48
800
#364938
900
#2A372B
950
#1A231B

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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