#bccad0 hex color

In a RGB color space, hex #bccad0 is composed of 73.7% red, 79.2% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 2.9% magenta, 0% yellow and 18.4% black. It has a hue angle of 198 degrees, a saturation of 17.5% and a lightness of 77.6%. #bccad0 color hex could be obtained by blending #ffffff with #7995a1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 79
- B 82
RGB color chart
- C 10
- M 3
- Y 0
- K 18
CMYK color chart

● #bccad0 color description : Grayish blue.

The hexadecimal color #bccad0 has RGB values of R:188, G:202, B:208 and CMYK values of C:0.1, M:0.03, Y:0, K:0.18. Its decimal value is 12372688.

Hex triplet	bccad0	`#bccad0`
RGB Decimal	188, 202, 208	`rgb(188,202,208)`
RGB Percent	73.7, 79.2, 81.6	`rgb(73.7%,79.2%,81.6%)`
CMYK	10, 3, 0, 18
HSL	198°, 17.5, 77.6	`hsl(198,17.5%,77.6%)`
HSV (or HSB)	198°, 9.6, 81.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.452, -3.572, -4.625
XYZ	53.242, 57.486, 67.962
xyY	0.298, 0.322, 57.486
CIE-LCH	80.452, 5.844, 232.324
CIE-LUV	80.452, -7.937, -6.438
Hunter-Lab	75.819, -7.337, -0.072
Binary	10111100, 11001010, 11010000

#bccad0
```
#bccad0 rgb(188,202,208)
```
#d0c2bc
```
#d0c2bc rgb(208,194,188)
```

Complementary Color

#bcd0cc
```
#bcd0cc rgb(188,208,204)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#bcc0d0
```
#bcc0d0 rgb(188,192,208)
```

Analogous Color

#d0ccbc
```
#d0ccbc rgb(208,204,188)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#d0bcc0
```
#d0bcc0 rgb(208,188,192)
```

Split Complementary Color

#cad0bc
```
#cad0bc rgb(202,208,188)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#d0bcca
```
#d0bcca rgb(208,188,202)
```

Triadic Color

#bcd0c2
```
#bcd0c2 rgb(188,208,194)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#d0bcca
```
#d0bcca rgb(208,188,202)
```
#d0c2bc
```
#d0c2bc rgb(208,194,188)
```

Tetradic Color

#8fa6b0
```
#8fa6b0 rgb(143,166,176)
```
#9eb2bb
```
#9eb2bb rgb(158,178,187)
```
#adbec5
```
#adbec5 rgb(173,190,197)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#cbd6db
```
#cbd6db rgb(203,214,219)
```
#dae2e5
```
#dae2e5 rgb(218,226,229)
```
#e9eef0
```
#e9eef0 rgb(233,238,240)
```

Monochromatic Color

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

#bccfd0
```
#bccfd0 rgb(188,207,208)
```
#bccdd0
```
#bccdd0 rgb(188,205,208)
```
#bcccd0
```
#bcccd0 rgb(188,204,208)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#bcc8d0
```
#bcc8d0 rgb(188,200,208)
```
#bcc7d0
```
#bcc7d0 rgb(188,199,208)
```
#bcc5d0
```
#bcc5d0 rgb(188,197,208)
```

Similar Colors

Text with hexadecimal color #bccad0

This text has a font color of #bccad0.

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

#bccad0 background color

This paragraph has a background color of #bccad0.

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

#bccad0 border color

This element has a border color of #bccad0.

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

CSS codes

.text {color:#bccad0;}

.background {background-color:#bccad0;}

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

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, #020202 is the darkest color, while #f6f8f8 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#121719
```
#121719 rgb(18,23,25)
```
#1a2125
```
#1a2125 rgb(26,33,37)
```
#222c30
```
#222c30 rgb(34,44,48)
```
#2a363c
```
#2a363c rgb(42,54,60)
```
#324147
```
#324147 rgb(50,65,71)
```
#3a4b53
```
#3a4b53 rgb(58,75,83)
```
#42565e
```
#42565e rgb(66,86,94)
```
#4a606a
```
#4a606a rgb(74,96,106)
```
#526b75
```
#526b75 rgb(82,107,117)
```
#5a7581
```
#5a7581 rgb(90,117,129)
```
#63808d
```
#63808d rgb(99,128,141)
```

Shade Color Variation

#6b8a97
```
#6b8a97 rgb(107,138,151)
```
#77939f
```
#77939f rgb(119,147,159)
```
#829ca8
```
#829ca8 rgb(130,156,168)
```
#8ea6b0
```
#8ea6b0 rgb(142,166,176)
```
#99afb8
```
#99afb8 rgb(153,175,184)
```
#a5b8c0
```
#a5b8c0 rgb(165,184,192)
```
#b0c1c8
```
#b0c1c8 rgb(176,193,200)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#c8d3d8
```
#c8d3d8 rgb(200,211,216)
```
#d3dce0
```
#d3dce0 rgb(211,220,224)
```
#dfe5e8
```
#dfe5e8 rgb(223,229,232)
```
#eaeef0
```
#eaeef0 rgb(234,238,240)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#c5c6c7
```
#c5c6c7 rgb(197,198,199)
```
#c0c8cc
```
#c0c8cc rgb(192,200,204)
```
#bccad0
```
#bccad0 rgb(188,202,208)
```
#b8ccd4
```
#b8ccd4 rgb(184,204,212)
```
#b3ced9
```
#b3ced9 rgb(179,206,217)
```
#afcfdd
```
#afcfdd rgb(175,207,221)
```
#aad1e2
```
#aad1e2 rgb(170,209,226)
```
#a6d3e6
```
#a6d3e6 rgb(166,211,230)
```
#a2d5ea
```
#a2d5ea rgb(162,213,234)
```
#9dd6ef
```
#9dd6ef rgb(157,214,239)
```
#99d8f3
```
#99d8f3 rgb(153,216,243)
```
#95daf7
```
#95daf7 rgb(149,218,247)
```
#90dcfc
```
#90dcfc rgb(144,220,252)
```

Tone Color Variation

Below, you can see how #bccad0 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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c7c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc9d0 Protanopia 1% of men
#d8c4d5 Deuteranopia 1% of men
#c1cbda Tritanopia 0.001% of the population

Trichromacy

#c6c9d0 Protanomaly 1% of men, 0.01% of women
#cdc6d3 Deuteranomaly 6% of men, 0.4% of women
#bfcad6 Tritanomaly 0.01% of the population

#bccad0 hex color

#bccad0 Color Information

#bccad0 Color Conversion

Color Schemes with #bccad0

Alternatives to #bccad0

#bccad0 Preview

Shades and Tints of #bccad0

Tones of #bccad0

Color Blindness Simulator