#BACCCD

#BACCCD

Color Values

HEX

#BACCCD

RGB

186, 204, 205

HSL

183.2, 16.0%, 76.7%

HSV

183.2, 9.3%, 80.4%

CMYK

9.3%, 0.5%, 0.0%, 19.6%

OKLCH

0.8319 0.0196 200.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#BACCCD

#CDBBBA

Analogous

#BACDC5

#BAC3CD

#BACCCD

Triadic

#BACCCD

#CDBACC

#CCCDBA

Split Complementary

#BACCCD

#CDBAC3

#CDC5BA

Tetradic

#BACCCD

#C5BACD

#CDBBBA

#C3CDBA

Color Blindness Simulation

Original

#BACCCD

Protanopia

#C2C2CD

Deuteranopia

#C1BFCD

Tritanopia

#BBCDCD

Achromatopsia

#C8C8C8

CSS Usage

background-color: #BACCCD;
color: #BACCCD;
border-color: #BACCCD;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6E0E1
300
#B8CBCC
400
#92AEB0
500
#6B9294
600
#567576
700
#455D5F
800
#36494A
900
#293737
950
#1A2323

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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