#BACCC1

#BACCC1

Color Values

HEX

#BACCC1

RGB

186, 204, 193

HSL

143.3, 15.0%, 76.5%

HSV

143.3, 8.8%, 80.0%

CMYK

8.8%, 0.0%, 5.4%, 20.0%

OKLCH

0.8284 0.0247 159.0

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BACCC1

#CCBAC5

Analogous

#BCCCBA

#BACCCA

#BACCC1

Triadic

#BACCC1

#C1BACC

#CCC1BA

Split Complementary

#BACCC1

#CABACC

#CCBABC

Tetradic

#BACCC1

#BABCCC

#CCBAC5

#CCCABA

Color Blindness Simulation

Original

#BACCC1

Protanopia

#C2C2C4

Deuteranopia

#C1BFC4

Tritanopia

#BBC6C6

Achromatopsia

#C7C7C7

CSS Usage

background-color: #BACCC1;
color: #BACCC1;
border-color: #BACCC1;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DA
300
#B9CBC0
400
#92AF9D
500
#6C937B
600
#577563
700
#455E4F
800
#36493E
900
#2A372F
950
#1A231E

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.5:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026