#bec8d4 hex color

In a RGB color space, hex #bec8d4 is composed of 74.5% red, 78.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 5.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 212.7 degrees, a saturation of 20.4% and a lightness of 78.8%. #bec8d4 color hex could be obtained by blending #ffffff with #7d91a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 78
- B 83
RGB color chart
- C 10
- M 6
- Y 0
- K 17
CMYK color chart

● #bec8d4 color description : Grayish blue.

The hexadecimal color #bec8d4 has RGB values of R:190, G:200, B:212 and CMYK values of C:0.1, M:0.06, Y:0, K:0.17. Its decimal value is 12503252.

Hex triplet	bec8d4	`#bec8d4`
RGB Decimal	190, 200, 212	`rgb(190,200,212)`
RGB Percent	74.5, 78.4, 83.1	`rgb(74.5%,78.4%,83.1%)`
CMYK	10, 6, 0, 17
HSL	212.7°, 20.4, 78.8	`hsl(212.7,20.4%,78.8%)`
HSV (or HSB)	212.7°, 10.4, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.184, -1.059, -7.152
XYZ	53.771, 57.009, 70.455
xyY	0.297, 0.315, 57.009
CIE-LCH	80.184, 7.23, 261.575
CIE-LUV	80.184, -6.095, -10.778
Hunter-Lab	75.504, -5.012, -2.472
Binary	10111110, 11001000, 11010100

#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#d4cabe
```
#d4cabe rgb(212,202,190)
```

Complementary Color

#bed3d4
```
#bed3d4 rgb(190,211,212)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#bfbed4
```
#bfbed4 rgb(191,190,212)
```

Analogous Color

#d3d4be
```
#d3d4be rgb(211,212,190)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#d4bfbe
```
#d4bfbe rgb(212,191,190)
```

Split Complementary Color

#c8d4be
```
#c8d4be rgb(200,212,190)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#d4bec8
```
#d4bec8 rgb(212,190,200)
```

Triadic Color

#bed4ca
```
#bed4ca rgb(190,212,202)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#d4bec8
```
#d4bec8 rgb(212,190,200)
```
#d4cabe
```
#d4cabe rgb(212,202,190)
```

Tetradic Color

#90a1b6
```
#90a1b6 rgb(144,161,182)
```
#9faec0
```
#9faec0 rgb(159,174,192)
```
#afbbca
```
#afbbca rgb(175,187,202)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#cdd5de
```
#cdd5de rgb(205,213,222)
```
#dde2e8
```
#dde2e8 rgb(221,226,232)
```
#eceff2
```
#eceff2 rgb(236,239,242)
```

Monochromatic Color

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

#beced4
```
#beced4 rgb(190,206,212)
```
#beccd4
```
#beccd4 rgb(190,204,212)
```
#becad4
```
#becad4 rgb(190,202,212)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#bec6d4
```
#bec6d4 rgb(190,198,212)
```
#bec4d4
```
#bec4d4 rgb(190,196,212)
```
#bec3d4
```
#bec3d4 rgb(190,195,212)
```

Similar Colors

Text with hexadecimal color #bec8d4

This text has a font color of #bec8d4.

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

#bec8d4 background color

This paragraph has a background color of #bec8d4.

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

#bec8d4 border color

This element has a border color of #bec8d4.

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

CSS codes

.text {color:#bec8d4;}

.background {background-color:#bec8d4;}

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c0e12
```
#0c0e12 rgb(12,14,18)
```
#13181d
```
#13181d rgb(19,24,29)
```
#1b2229
```
#1b2229 rgb(27,34,41)
```
#232b35
```
#232b35 rgb(35,43,53)
```
#2b3541
```
#2b3541 rgb(43,53,65)
```
#333f4d
```
#333f4d rgb(51,63,77)
```
#3b4858
```
#3b4858 rgb(59,72,88)
```
#425264
```
#425264 rgb(66,82,100)
```
#4a5b70
```
#4a5b70 rgb(74,91,112)
```
#52657c
```
#52657c rgb(82,101,124)
```
#5a6f88
```
#5a6f88 rgb(90,111,136)
```
#627894
```
#627894 rgb(98,120,148)
```

Shade Color Variation

#6b829d
```
#6b829d rgb(107,130,157)
```
#778ca5
```
#778ca5 rgb(119,140,165)
```
#8396ad
```
#8396ad rgb(131,150,173)
```
#8fa0b5
```
#8fa0b5 rgb(143,160,181)
```
#9baabd
```
#9baabd rgb(155,170,189)
```
#a6b4c4
```
#a6b4c4 rgb(166,180,196)
```
#b2becc
```
#b2becc rgb(178,190,204)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#cad2dc
```
#cad2dc rgb(202,210,220)
```
#d6dce4
```
#d6dce4 rgb(214,220,228)
```
#e1e6eb
```
#e1e6eb rgb(225,230,235)
```
#edf0f3
```
#edf0f3 rgb(237,240,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#c6c9cc
```
#c6c9cc rgb(198,201,204)
```
#c2c8d0
```
#c2c8d0 rgb(194,200,208)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#bac8d8
```
#bac8d8 rgb(186,200,216)
```
#b6c7dc
```
#b6c7dc rgb(182,199,220)
```
#b2c7e0
```
#b2c7e0 rgb(178,199,224)
```
#adc6e5
```
#adc6e5 rgb(173,198,229)
```
#a9c6e9
```
#a9c6e9 rgb(169,198,233)
```
#a5c6ed
```
#a5c6ed rgb(165,198,237)
```
#a1c5f1
```
#a1c5f1 rgb(161,197,241)
```
#9dc5f5
```
#9dc5f5 rgb(157,197,245)
```
#99c5f9
```
#99c5f9 rgb(153,197,249)
```
#94c4fe
```
#94c4fe rgb(148,196,254)
```

Tone Color Variation

Below, you can see how #bec8d4 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
#c4c6c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c8d4 Protanopia 1% of men
#d5c4d8 Deuteranopia 1% of men
#c1cad8 Tritanopia 0.001% of the population

Trichromacy

#c5c8d4 Protanomaly 1% of men, 0.01% of women
#ccc5d6 Deuteranomaly 6% of men, 0.4% of women
#c0c9d7 Tritanomaly 0.01% of the population

#bec8d4 hex color

#bec8d4 Color Information

#bec8d4 Color Conversion

Color Schemes with #bec8d4

Alternatives to #bec8d4

#bec8d4 Preview

Shades and Tints of #bec8d4

Tones of #bec8d4

Color Blindness Simulator