#bccbd0 hex color

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

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

● #bccbd0 color description : Grayish blue.

The hexadecimal color #bccbd0 has RGB values of R:188, G:203, B:208 and CMYK values of C:0.1, M:0.02, Y:0, K:0.18. Its decimal value is 12372944.

Hex triplet	bccbd0	`#bccbd0`
RGB Decimal	188, 203, 208	`rgb(188,203,208)`
RGB Percent	73.7, 79.6, 81.6	`rgb(73.7%,79.6%,81.6%)`
CMYK	10, 2, 0, 18
HSL	195°, 17.5, 77.6	`hsl(195,17.5%,77.6%)`
HSV (or HSB)	195°, 9.6, 81.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.715, -4.097, -4.238
XYZ	53.478, 57.957, 68.04
xyY	0.298, 0.323, 57.957
CIE-LCH	80.715, 5.895, 225.971
CIE-LUV	80.715, -8.421, -5.755
Hunter-Lab	76.129, -7.837, 0.3
Binary	10111100, 11001011, 11010000

#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#d0c1bc
```
#d0c1bc rgb(208,193,188)
```

Complementary Color

#bcd0cb
```
#bcd0cb rgb(188,208,203)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#bcc1d0
```
#bcc1d0 rgb(188,193,208)
```

Analogous Color

#d0cbbc
```
#d0cbbc rgb(208,203,188)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#d0bcc1
```
#d0bcc1 rgb(208,188,193)
```

Split Complementary Color

#cbd0bc
```
#cbd0bc rgb(203,208,188)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#d0bccb
```
#d0bccb rgb(208,188,203)
```

Triadic Color

#bcd0c1
```
#bcd0c1 rgb(188,208,193)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#d0bccb
```
#d0bccb rgb(208,188,203)
```
#d0c1bc
```
#d0c1bc rgb(208,193,188)
```

Tetradic Color

#8fa8b0
```
#8fa8b0 rgb(143,168,176)
```
#9eb4bb
```
#9eb4bb rgb(158,180,187)
```
#adbfc5
```
#adbfc5 rgb(173,191,197)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#cbd7db
```
#cbd7db rgb(203,215,219)
```
#dae2e5
```
#dae2e5 rgb(218,226,229)
```
#e9eef0
```
#e9eef0 rgb(233,238,240)
```

Monochromatic Color

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

#bcd0d0
```
#bcd0d0 rgb(188,208,208)
```
#bcced0
```
#bcced0 rgb(188,206,208)
```
#bccdd0
```
#bccdd0 rgb(188,205,208)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#bcc9d0
```
#bcc9d0 rgb(188,201,208)
```
#bcc8d0
```
#bcc8d0 rgb(188,200,208)
```
#bcc6d0
```
#bcc6d0 rgb(188,198,208)
```

Similar Colors

Text with hexadecimal color #bccbd0

This text has a font color of #bccbd0.

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

#bccbd0 background color

This paragraph has a background color of #bccbd0.

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

#bccbd0 border color

This element has a border color of #bccbd0.

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

CSS codes

.text {color:#bccbd0;}

.background {background-color:#bccbd0;}

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

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)
```
#0a0d0e
```
#0a0d0e rgb(10,13,14)
```
#121719
```
#121719 rgb(18,23,25)
```
#1a2225
```
#1a2225 rgb(26,34,37)
```
#222d30
```
#222d30 rgb(34,45,48)
```
#2a373c
```
#2a373c rgb(42,55,60)
```
#324247
```
#324247 rgb(50,66,71)
```
#3a4d53
```
#3a4d53 rgb(58,77,83)
```
#42575e
```
#42575e rgb(66,87,94)
```
#4a626a
```
#4a626a rgb(74,98,106)
```
#526d75
```
#526d75 rgb(82,109,117)
```
#5a7781
```
#5a7781 rgb(90,119,129)
```
#63828d
```
#63828d rgb(99,130,141)
```

Shade Color Variation

#6b8c97
```
#6b8c97 rgb(107,140,151)
```
#77959f
```
#77959f rgb(119,149,159)
```
#829ea8
```
#829ea8 rgb(130,158,168)
```
#8ea7b0
```
#8ea7b0 rgb(142,167,176)
```
#99b0b8
```
#99b0b8 rgb(153,176,184)
```
#a5b9c0
```
#a5b9c0 rgb(165,185,192)
```
#b0c2c8
```
#b0c2c8 rgb(176,194,200)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#c8d4d8
```
#c8d4d8 rgb(200,212,216)
```
#d3dde0
```
#d3dde0 rgb(211,221,224)
```
#dfe6e8
```
#dfe6e8 rgb(223,230,232)
```
#eaeff0
```
#eaeff0 rgb(234,239,240)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#c5c7c7
```
#c5c7c7 rgb(197,199,199)
```
#c0c9cc
```
#c0c9cc rgb(192,201,204)
```
#bccbd0
```
#bccbd0 rgb(188,203,208)
```
#b8cdd4
```
#b8cdd4 rgb(184,205,212)
```
#b3cfd9
```
#b3cfd9 rgb(179,207,217)
```
#afd2dd
```
#afd2dd rgb(175,210,221)
```
#aad4e2
```
#aad4e2 rgb(170,212,226)
```
#a6d6e6
```
#a6d6e6 rgb(166,214,230)
```
#a2d8ea
```
#a2d8ea rgb(162,216,234)
```
#9ddaef
```
#9ddaef rgb(157,218,239)
```
#99ddf3
```
#99ddf3 rgb(153,221,243)
```
#95dff7
```
#95dff7 rgb(149,223,247)
```
#90e1fc
```
#90e1fc rgb(144,225,252)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccad0 Protanopia 1% of men
#d9c5d5 Deuteranopia 1% of men
#c1ccda Tritanopia 0.001% of the population

Trichromacy

#c6cad0 Protanomaly 1% of men, 0.01% of women
#cec7d3 Deuteranomaly 6% of men, 0.4% of women
#bfcbd6 Tritanomaly 0.01% of the population

#bccbd0 hex color

#bccbd0 Color Information

#bccbd0 Color Conversion

Color Schemes with #bccbd0

Alternatives to #bccbd0

#bccbd0 Preview

Shades and Tints of #bccbd0

Tones of #bccbd0

Color Blindness Simulator