#bec3d2 hex color

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

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

● #bec3d2 color description : Grayish blue.

The hexadecimal color #bec3d2 has RGB values of R:190, G:195, B:210 and CMYK values of C:0.1, M:0.07, Y:0, K:0.18. Its decimal value is 12501970.

Hex triplet	bec3d2	`#bec3d2`
RGB Decimal	190, 195, 210	`rgb(190,195,210)`
RGB Percent	74.5, 76.5, 82.4	`rgb(74.5%,76.5%,82.4%)`
CMYK	10, 7, 0, 18
HSL	225°, 18.2, 78.4	`hsl(225,18.2%,78.4%)`
HSV (or HSB)	225°, 9.5, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.828, 1.195, -8.088
XYZ	52.381, 54.63, 68.754
xyY	0.298, 0.311, 54.63
CIE-LCH	78.828, 8.176, 278.402
CIE-LUV	78.828, -3.58, -12.585
Hunter-Lab	73.912, -2.845, -3.414
Binary	10111110, 11000011, 11010010

#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#d2cdbe
```
#d2cdbe rgb(210,205,190)
```

Complementary Color

#becdd2
```
#becdd2 rgb(190,205,210)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#c3bed2
```
#c3bed2 rgb(195,190,210)
```

Analogous Color

#cdd2be
```
#cdd2be rgb(205,210,190)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#d2c3be
```
#d2c3be rgb(210,195,190)
```

Split Complementary Color

#c3d2be
```
#c3d2be rgb(195,210,190)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#d2bec3
```
#d2bec3 rgb(210,190,195)
```

Triadic Color

#bed2cd
```
#bed2cd rgb(190,210,205)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#d2bec3
```
#d2bec3 rgb(210,190,195)
```
#d2cdbe
```
#d2cdbe rgb(210,205,190)
```

Tetradic Color

#9199b3
```
#9199b3 rgb(145,153,179)
```
#a0a7bd
```
#a0a7bd rgb(160,167,189)
```
#afb5c8
```
#afb5c8 rgb(175,181,200)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#cdd1dc
```
#cdd1dc rgb(205,209,220)
```
#dcdfe7
```
#dcdfe7 rgb(220,223,231)
```
#ebedf1
```
#ebedf1 rgb(235,237,241)
```

Monochromatic Color

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

#bec8d2
```
#bec8d2 rgb(190,200,210)
```
#bec6d2
```
#bec6d2 rgb(190,198,210)
```
#bec5d2
```
#bec5d2 rgb(190,197,210)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#bec1d2
```
#bec1d2 rgb(190,193,210)
```
#bec0d2
```
#bec0d2 rgb(190,192,210)
```
#bebed2
```
#bebed2 rgb(190,190,210)
```

Similar Colors

Text with hexadecimal color #bec3d2

This text has a font color of #bec3d2.

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

#bec3d2 background color

This paragraph has a background color of #bec3d2.

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

#bec3d2 border color

This element has a border color of #bec3d2.

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

CSS codes

.text {color:#bec3d2;}

.background {background-color:#bec3d2;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0c10
```
#0b0c10 rgb(11,12,16)
```
#13151c
```
#13151c rgb(19,21,28)
```
#1b1e27
```
#1b1e27 rgb(27,30,39)
```
#232733
```
#232733 rgb(35,39,51)
```
#2b303f
```
#2b303f rgb(43,48,63)
```
#33394a
```
#33394a rgb(51,57,74)
```
#3b4256
```
#3b4256 rgb(59,66,86)
```
#434b61
```
#434b61 rgb(67,75,97)
```
#4b546d
```
#4b546d rgb(75,84,109)
```
#535d78
```
#535d78 rgb(83,93,120)
```
#5b6684
```
#5b6684 rgb(91,102,132)
```
#636e90
```
#636e90 rgb(99,110,144)
```

Shade Color Variation

#6d789a
```
#6d789a rgb(109,120,154)
```
#7883a2
```
#7883a2 rgb(120,131,162)
```
#848eaa
```
#848eaa rgb(132,142,170)
```
#9098b2
```
#9098b2 rgb(144,152,178)
```
#9ba3ba
```
#9ba3ba rgb(155,163,186)
```
#a7aec2
```
#a7aec2 rgb(167,174,194)
```
#b2b8ca
```
#b2b8ca rgb(178,184,202)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#caceda
```
#caceda rgb(202,206,218)
```
#d5d8e2
```
#d5d8e2 rgb(213,216,226)
```
#e1e3ea
```
#e1e3ea rgb(225,227,234)
```
#eceef2
```
#eceef2 rgb(236,238,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#c6c7ca
```
#c6c7ca rgb(198,199,202)
```
#c2c5ce
```
#c2c5ce rgb(194,197,206)
```
#bec3d2
```
#bec3d2 rgb(190,195,210)
```
#bac1d6
```
#bac1d6 rgb(186,193,214)
```
#b6bfda
```
#b6bfda rgb(182,191,218)
```
#b1bddf
```
#b1bddf rgb(177,189,223)
```
#adbbe3
```
#adbbe3 rgb(173,187,227)
```
#a9b8e7
```
#a9b8e7 rgb(169,184,231)
```
#a5b6eb
```
#a5b6eb rgb(165,182,235)
```
#a0b4f0
```
#a0b4f0 rgb(160,180,240)
```
#9cb2f4
```
#9cb2f4 rgb(156,178,244)
```
#98b0f8
```
#98b0f8 rgb(152,176,248)
```
#94aefc
```
#94aefc rgb(148,174,252)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c2c3c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c5d3 Protanopia 1% of men
#d1c1d5 Deuteranopia 1% of men
#c1c6d4 Tritanopia 0.001% of the population

Trichromacy

#c2c4d3 Protanomaly 1% of men, 0.01% of women
#cac1d4 Deuteranomaly 6% of men, 0.4% of women
#c0c4d3 Tritanomaly 0.01% of the population

#bec3d2 hex color

#bec3d2 Color Information

#bec3d2 Color Conversion

Color Schemes with #bec3d2

Alternatives to #bec3d2

#bec3d2 Preview

Shades and Tints of #bec3d2

Tones of #bec3d2

Color Blindness Simulator