#bac3c7 hex color

In a RGB color space, hex #bac3c7 is composed of 72.9% red, 76.5% green and 78% blue. Whereas in a CMYK color space, it is composed of 6.5% cyan, 2% magenta, 0% yellow and 22% black. It has a hue angle of 198.5 degrees, a saturation of 10.4% and a lightness of 75.5%. #bac3c7 color hex could be obtained by blending #ffffff with #75878f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 76
- B 78
RGB color chart
- C 7
- M 2
- Y 0
- K 22
CMYK color chart

● #bac3c7 color description : Grayish blue.

The hexadecimal color #bac3c7 has RGB values of R:186, G:195, B:199 and CMYK values of C:0.07, M:0.02, Y:0, K:0.22. Its decimal value is 12239815.

Hex triplet	bac3c7	`#bac3c7`
RGB Decimal	186, 195, 199	`rgb(186,195,199)`
RGB Percent	72.9, 76.5, 78	`rgb(72.9%,76.5%,78%)`
CMYK	7, 2, 0, 22
HSL	198.5°, 10.4, 75.5	`hsl(198.5,10.4%,75.5%)`
HSV (or HSB)	198.5°, 6.5, 78
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.224, -2.316, -3.081
XYZ	50.072, 53.592, 61.736
xyY	0.303, 0.324, 53.592
CIE-LCH	78.224, 3.854, 233.065
CIE-LUV	78.224, -5.189, -4.254
Hunter-Lab	73.207, -6.023, 1.245
Binary	10111010, 11000011, 11000111

#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#c7beba
```
#c7beba rgb(199,190,186)
```

Complementary Color

#bac7c5
```
#bac7c5 rgb(186,199,197)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#babdc7
```
#babdc7 rgb(186,189,199)
```

Analogous Color

#c7c5ba
```
#c7c5ba rgb(199,197,186)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#c7babd
```
#c7babd rgb(199,186,189)
```

Split Complementary Color

#c3c7ba
```
#c3c7ba rgb(195,199,186)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#c7bac3
```
#c7bac3 rgb(199,186,195)
```

Triadic Color

#bac7be
```
#bac7be rgb(186,199,190)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#c7bac3
```
#c7bac3 rgb(199,186,195)
```
#c7beba
```
#c7beba rgb(199,190,186)
```

Tetradic Color

#909ea5
```
#909ea5 rgb(144,158,165)
```
#9eabb0
```
#9eabb0 rgb(158,171,176)
```
#acb7bc
```
#acb7bc rgb(172,183,188)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#c8cfd2
```
#c8cfd2 rgb(200,207,210)
```
#d6dbde
```
#d6dbde rgb(214,219,222)
```
#e4e8e9
```
#e4e8e9 rgb(228,232,233)
```

Monochromatic Color

Below, you can see some colors close to #bac3c7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bac6c7
```
#bac6c7 rgb(186,198,199)
```
#bac5c7
```
#bac5c7 rgb(186,197,199)
```
#bac4c7
```
#bac4c7 rgb(186,196,199)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#bac2c7
```
#bac2c7 rgb(186,194,199)
```
#bac1c7
```
#bac1c7 rgb(186,193,199)
```
#bac0c7
```
#bac0c7 rgb(186,192,199)
```

Similar Colors

Text with hexadecimal color #bac3c7

This text has a font color of #bac3c7.

<span style="color:#bac3c7;">Text here</span>

#bac3c7 background color

This paragraph has a background color of #bac3c7.

<p style="background-color:#bac3c7;">Content here</p>

#bac3c7 border color

This element has a border color of #bac3c7.

<div style="border:1px solid #bac3c7;">Content here</div>

CSS codes

.text {color:#bac3c7;}

.background {background-color:#bac3c7;}

.border {border:1px solid #bac3c7;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #060607 is the darkest color, while #fbfbfc is the lightest one.

#060607
```
#060607 rgb(6,6,7)
```
#0e1112
```
#0e1112 rgb(14,17,18)
```
#171b1c
```
#171b1c rgb(23,27,28)
```
#202527
```
#202527 rgb(32,37,39)
```
#292f32
```
#292f32 rgb(41,47,50)
```
#31393d
```
#31393d rgb(49,57,61)
```
#3a4448
```
#3a4448 rgb(58,68,72)
```
#434e53
```
#434e53 rgb(67,78,83)
```
#4c585d
```
#4c585d rgb(76,88,93)
```
#556268
```
#556268 rgb(85,98,104)
```
#5d6c73
```
#5d6c73 rgb(93,108,115)
```
#66777e
```
#66777e rgb(102,119,126)
```
#6f8189
```
#6f8189 rgb(111,129,137)
```

Shade Color Variation

#798b92
```
#798b92 rgb(121,139,146)
```
#84949b
```
#84949b rgb(132,148,155)
```
#8f9da4
```
#8f9da4 rgb(143,157,164)
```
#9aa7ad
```
#9aa7ad rgb(154,167,173)
```
#a4b0b5
```
#a4b0b5 rgb(164,176,181)
```
#afbabe
```
#afbabe rgb(175,186,190)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#c5ccd0
```
#c5ccd0 rgb(197,204,208)
```
#d0d6d9
```
#d0d6d9 rgb(208,214,217)
```
#dadfe1
```
#dadfe1 rgb(218,223,225)
```
#e5e9ea
```
#e5e9ea rgb(229,233,234)
```
#f0f2f3
```
#f0f2f3 rgb(240,242,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bfc1c2 is the less saturated color, while #85d7fc is the most saturated one.

#bfc1c2
```
#bfc1c2 rgb(191,193,194)
```
#bac3c7
```
#bac3c7 rgb(186,195,199)
```
#b5c5cc
```
#b5c5cc rgb(181,197,204)
```
#b0c7d1
```
#b0c7d1 rgb(176,199,209)
```
#acc9d5
```
#acc9d5 rgb(172,201,213)
```
#a7cada
```
#a7cada rgb(167,202,218)
```
#a2ccdf
```
#a2ccdf rgb(162,204,223)
```
#9dcee4
```
#9dcee4 rgb(157,206,228)
```
#98d0e9
```
#98d0e9 rgb(152,208,233)
```
#94d2ed
```
#94d2ed rgb(148,210,237)
```
#8fd4f2
```
#8fd4f2 rgb(143,212,242)
```
#8ad5f7
```
#8ad5f7 rgb(138,213,247)
```
#85d7fc
```
#85d7fc rgb(133,215,252)
```

Tone Color Variation

Below, you can see how #bac3c7 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#c1c1c1 Achromatopsia 0.005% of the population
#c0c1c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c3c8 Protanopia 1% of men
#d3bfcc Deuteranopia 1% of men
#bfc4d2 Tritanopia 0.001% of the population

Trichromacy

#c2c3c8 Protanomaly 1% of men, 0.01% of women
#cac0ca Deuteranomaly 6% of men, 0.4% of women
#bdc4ce Tritanomaly 0.01% of the population

#bac3c7 hex color

#bac3c7 Color Information

#bac3c7 Color Conversion

Color Schemes with #bac3c7

Alternatives to #bac3c7

#bac3c7 Preview

Shades and Tints of #bac3c7

Tones of #bac3c7

Color Blindness Simulator