#bec1cd hex color

In a RGB color space, hex #bec1cd is composed of 74.5% red, 75.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 5.9% magenta, 0% yellow and 19.6% black. It has a hue angle of 228 degrees, a saturation of 13% and a lightness of 77.5%. #bec1cd color hex could be obtained by blending #ffffff with #7d839b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 76
- B 80
RGB color chart
- C 7
- M 6
- Y 0
- K 20
CMYK color chart

● #bec1cd color description : Grayish blue.

The hexadecimal color #bec1cd has RGB values of R:190, G:193, B:205 and CMYK values of C:0.07, M:0.06, Y:0, K:0.2. Its decimal value is 12501453.

Hex triplet	bec1cd	`#bec1cd`
RGB Decimal	190, 193, 205	`rgb(190,193,205)`
RGB Percent	74.5, 75.7, 80.4	`rgb(74.5%,75.7%,80.4%)`
CMYK	7, 6, 0, 20
HSL	228°, 13, 77.5	`hsl(228,13%,77.5%)`
HSV (or HSB)	228°, 7.3, 80.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.166, 1.267, -6.371
XYZ	51.323, 53.495, 65.376
xyY	0.302, 0.314, 53.495
CIE-LCH	78.166, 6.496, 281.245
CIE-LUV	78.166, -2.338, -9.912
Hunter-Lab	73.14, -2.741, -1.798
Binary	10111110, 11000001, 11001101

#bec1cd
```
#bec1cd rgb(190,193,205)
```
#cdcabe
```
#cdcabe rgb(205,202,190)
```

Complementary Color

#bec9cd
```
#bec9cd rgb(190,201,205)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#c3becd
```
#c3becd rgb(195,190,205)
```

Analogous Color

#c9cdbe
```
#c9cdbe rgb(201,205,190)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#cdc3be
```
#cdc3be rgb(205,195,190)
```

Split Complementary Color

#c1cdbe
```
#c1cdbe rgb(193,205,190)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#cdbec1
```
#cdbec1 rgb(205,190,193)
```

Triadic Color

#becdca
```
#becdca rgb(190,205,202)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#cdbec1
```
#cdbec1 rgb(205,190,193)
```
#cdcabe
```
#cdcabe rgb(205,202,190)
```

Tetradic Color

#9398ac
```
#9398ac rgb(147,152,172)
```
#a1a6b7
```
#a1a6b7 rgb(161,166,183)
```
#b0b3c2
```
#b0b3c2 rgb(176,179,194)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#cccfd8
```
#cccfd8 rgb(204,207,216)
```
#dbdce3
```
#dbdce3 rgb(219,220,227)
```
#e9eaee
```
#e9eaee rgb(233,234,238)
```

Monochromatic Color

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

#bec5cd
```
#bec5cd rgb(190,197,205)
```
#bec4cd
```
#bec4cd rgb(190,196,205)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#bec0cd
```
#bec0cd rgb(190,192,205)
```
#bebfcd
```
#bebfcd rgb(190,191,205)
```
#bfbecd
```
#bfbecd rgb(191,190,205)
```

Similar Colors

Text with hexadecimal color #bec1cd

This text has a font color of #bec1cd.

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

#bec1cd background color

This paragraph has a background color of #bec1cd.

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

#bec1cd border color

This element has a border color of #bec1cd.

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

CSS codes

.text {color:#bec1cd;}

.background {background-color:#bec1cd;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0a0a0d
```
#0a0a0d rgb(10,10,13)
```
#121318
```
#121318 rgb(18,19,24)
```
#1b1c23
```
#1b1c23 rgb(27,28,35)
```
#23252e
```
#23252e rgb(35,37,46)
```
#2c2e39
```
#2c2e39 rgb(44,46,57)
```
#343744
```
#343744 rgb(52,55,68)
```
#3d414f
```
#3d414f rgb(61,65,79)
```
#454a5a
```
#454a5a rgb(69,74,90)
```
#4e5365
```
#4e5365 rgb(78,83,101)
```
#565c70
```
#565c70 rgb(86,92,112)
```
#5f657b
```
#5f657b rgb(95,101,123)
```
#686e87
```
#686e87 rgb(104,110,135)
```

Shade Color Variation

#707791
```
#707791 rgb(112,119,145)
```
#7b829a
```
#7b829a rgb(123,130,154)
```
#878ca2
```
#878ca2 rgb(135,140,162)
```
#9297ab
```
#9297ab rgb(146,151,171)
```
#9da1b3
```
#9da1b3 rgb(157,161,179)
```
#a8acbc
```
#a8acbc rgb(168,172,188)
```
#b3b6c4
```
#b3b6c4 rgb(179,182,196)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#c9ccd6
```
#c9ccd6 rgb(201,204,214)
```
#d4d6de
```
#d4d6de rgb(212,214,222)
```
#dfe1e7
```
#dfe1e7 rgb(223,225,231)
```
#eaebef
```
#eaebef rgb(234,235,239)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

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

#c2c4c9
```
#c2c4c9 rgb(194,196,201)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#babed1
```
#babed1 rgb(186,190,209)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#b1b9da
```
#b1b9da rgb(177,185,218)
```
#acb6df
```
#acb6df rgb(172,182,223)
```
#a8b4e3
```
#a8b4e3 rgb(168,180,227)
```
#a3b1e8
```
#a3b1e8 rgb(163,177,232)
```
#9faeec
```
#9faeec rgb(159,174,236)
```
#9bacf0
```
#9bacf0 rgb(155,172,240)
```
#96a9f5
```
#96a9f5 rgb(150,169,245)
```
#92a6f9
```
#92a6f9 rgb(146,166,249)
```
#8da4fe
```
#8da4fe rgb(141,164,254)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c1c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c3cf Protanopia 1% of men
#d0bfd1 Deuteranopia 1% of men
#c1c3d1 Tritanopia 0.001% of the population

Trichromacy

#c2c2ce Protanomaly 1% of men, 0.01% of women
#c9bfcf Deuteranomaly 6% of men, 0.4% of women
#c0c2d0 Tritanomaly 0.01% of the population

#bec1cd hex color

#bec1cd Color Information

#bec1cd Color Conversion

Color Schemes with #bec1cd

Alternatives to #bec1cd

#bec1cd Preview

Shades and Tints of #bec1cd

Tones of #bec1cd

Color Blindness Simulator