#bec7d2 hex color

In a RGB color space, hex #bec7d2 is composed of 74.5% red, 78% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 5.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 213 degrees, a saturation of 18.2% and a lightness of 78.4%. #bec7d2 color hex could be obtained by blending #ffffff with #7d8fa5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 78
- B 82
RGB color chart
- C 10
- M 5
- Y 0
- K 18
CMYK color chart

● #bec7d2 color description : Grayish blue.

The hexadecimal color #bec7d2 has RGB values of R:190, G:199, B:210 and CMYK values of C:0.1, M:0.05, Y:0, K:0.18. Its decimal value is 12502994.

Hex triplet	bec7d2	`#bec7d2`
RGB Decimal	190, 199, 210	`rgb(190,199,210)`
RGB Percent	74.5, 78, 82.4	`rgb(74.5%,78%,82.4%)`
CMYK	10, 5, 0, 18
HSL	213°, 18.2, 78.4	`hsl(213,18.2%,78.4%)`
HSV (or HSB)	213°, 9.5, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.867, -0.931, -6.547
XYZ	53.289, 56.447, 69.057
xyY	0.298, 0.316, 56.447
CIE-LCH	79.867, 6.613, 261.909
CIE-LUV	79.867, -5.518, -9.85
Hunter-Lab	75.131, -4.872, -1.905
Binary	10111110, 11000111, 11010010

#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#d2c9be
```
#d2c9be rgb(210,201,190)
```

Complementary Color

#bed1d2
```
#bed1d2 rgb(190,209,210)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#bfbed2
```
#bfbed2 rgb(191,190,210)
```

Analogous Color

#d1d2be
```
#d1d2be rgb(209,210,190)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#d2bfbe
```
#d2bfbe rgb(210,191,190)
```

Split Complementary Color

#c7d2be
```
#c7d2be rgb(199,210,190)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#d2bec7
```
#d2bec7 rgb(210,190,199)
```

Triadic Color

#bed2c9
```
#bed2c9 rgb(190,210,201)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#d2bec7
```
#d2bec7 rgb(210,190,199)
```
#d2c9be
```
#d2c9be rgb(210,201,190)
```

Tetradic Color

#91a0b3
```
#91a0b3 rgb(145,160,179)
```
#a0adbd
```
#a0adbd rgb(160,173,189)
```
#afbac8
```
#afbac8 rgb(175,186,200)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#cdd4dc
```
#cdd4dc rgb(205,212,220)
```
#dce1e7
```
#dce1e7 rgb(220,225,231)
```
#ebeef1
```
#ebeef1 rgb(235,238,241)
```

Monochromatic Color

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

#beccd2
```
#beccd2 rgb(190,204,210)
```
#becad2
```
#becad2 rgb(190,202,210)
```
#bec9d2
```
#bec9d2 rgb(190,201,210)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#bec5d2
```
#bec5d2 rgb(190,197,210)
```
#bec4d2
```
#bec4d2 rgb(190,196,210)
```
#bec2d2
```
#bec2d2 rgb(190,194,210)
```

Similar Colors

Text with hexadecimal color #bec7d2

This text has a font color of #bec7d2.

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

#bec7d2 background color

This paragraph has a background color of #bec7d2.

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

#bec7d2 border color

This element has a border color of #bec7d2.

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

CSS codes

.text {color:#bec7d2;}

.background {background-color:#bec7d2;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#13171c
```
#13171c rgb(19,23,28)
```
#1b2127
```
#1b2127 rgb(27,33,39)
```
#232a33
```
#232a33 rgb(35,42,51)
```
#2b343f
```
#2b343f rgb(43,52,63)
```
#333e4a
```
#333e4a rgb(51,62,74)
```
#3b4756
```
#3b4756 rgb(59,71,86)
```
#435161
```
#435161 rgb(67,81,97)
```
#4b5a6d
```
#4b5a6d rgb(75,90,109)
```
#536478
```
#536478 rgb(83,100,120)
```
#5b6e84
```
#5b6e84 rgb(91,110,132)
```
#637790
```
#637790 rgb(99,119,144)
```

Shade Color Variation

#6d819a
```
#6d819a rgb(109,129,154)
```
#788ba2
```
#788ba2 rgb(120,139,162)
```
#8495aa
```
#8495aa rgb(132,149,170)
```
#909fb2
```
#909fb2 rgb(144,159,178)
```
#9ba9ba
```
#9ba9ba rgb(155,169,186)
```
#a7b3c2
```
#a7b3c2 rgb(167,179,194)
```
#b2bdca
```
#b2bdca rgb(178,189,202)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#cad1da
```
#cad1da rgb(202,209,218)
```
#d5dbe2
```
#d5dbe2 rgb(213,219,226)
```
#e1e5ea
```
#e1e5ea rgb(225,229,234)
```
#eceff2
```
#eceff2 rgb(236,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#c6c8ca
```
#c6c8ca rgb(198,200,202)
```
#c2c7ce
```
#c2c7ce rgb(194,199,206)
```
#bec7d2
```
#bec7d2 rgb(190,199,210)
```
#bac7d6
```
#bac7d6 rgb(186,199,214)
```
#b6c6da
```
#b6c6da rgb(182,198,218)
```
#b1c6df
```
#b1c6df rgb(177,198,223)
```
#adc5e3
```
#adc5e3 rgb(173,197,227)
```
#a9c5e7
```
#a9c5e7 rgb(169,197,231)
```
#a5c4eb
```
#a5c4eb rgb(165,196,235)
```
#a0c4f0
```
#a0c4f0 rgb(160,196,240)
```
#9cc4f4
```
#9cc4f4 rgb(156,196,244)
```
#98c3f8
```
#98c3f8 rgb(152,195,248)
```
#94c3fc
```
#94c3fc rgb(148,195,252)
```

Tone Color Variation

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

Dichromacy

#c9c7d3 Protanopia 1% of men
#d5c3d6 Deuteranopia 1% of men
#c2c9d7 Tritanopia 0.001% of the population

Trichromacy

#c5c7d2 Protanomaly 1% of men, 0.01% of women
#ccc4d4 Deuteranomaly 6% of men, 0.4% of women
#c0c8d5 Tritanomaly 0.01% of the population

#bec7d2 hex color

#bec7d2 Color Information

#bec7d2 Color Conversion

Color Schemes with #bec7d2

Alternatives to #bec7d2

#bec7d2 Preview

Shades and Tints of #bec7d2

Tones of #bec7d2

Color Blindness Simulator