#bec2cd hex color

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

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

● #bec2cd color description : Grayish blue.

The hexadecimal color #bec2cd has RGB values of R:190, G:194, B:205 and CMYK values of C:0.07, M:0.05, Y:0, K:0.2. Its decimal value is 12501709.

Hex triplet	bec2cd	`#bec2cd`
RGB Decimal	190, 194, 205	`rgb(190,194,205)`
RGB Percent	74.5, 76.1, 80.4	`rgb(74.5%,76.1%,80.4%)`
CMYK	7, 5, 0, 20
HSL	224°, 13, 77.5	`hsl(224,13%,77.5%)`
HSV (or HSB)	224°, 7.3, 80.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.426, 0.733, -5.987
XYZ	51.544, 53.938, 65.45
xyY	0.302, 0.316, 53.938
CIE-LCH	78.426, 6.032, 276.985
CIE-LUV	78.426, -2.829, -9.233
Hunter-Lab	73.443, -3.248, -1.428
Binary	10111110, 11000010, 11001101

#bec2cd
```
#bec2cd rgb(190,194,205)
```
#cdc9be
```
#cdc9be rgb(205,201,190)
```

Complementary Color

#becacd
```
#becacd rgb(190,202,205)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#c2becd
```
#c2becd rgb(194,190,205)
```

Analogous Color

#cacdbe
```
#cacdbe rgb(202,205,190)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#cdc2be
```
#cdc2be rgb(205,194,190)
```

Split Complementary Color

#c2cdbe
```
#c2cdbe rgb(194,205,190)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#cdbec2
```
#cdbec2 rgb(205,190,194)
```

Triadic Color

#becdc9
```
#becdc9 rgb(190,205,201)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#cdbec2
```
#cdbec2 rgb(205,190,194)
```
#cdc9be
```
#cdc9be rgb(205,201,190)
```

Tetradic Color

#9399ac
```
#9399ac rgb(147,153,172)
```
#a1a7b7
```
#a1a7b7 rgb(161,167,183)
```
#b0b4c2
```
#b0b4c2 rgb(176,180,194)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#ccd0d8
```
#ccd0d8 rgb(204,208,216)
```
#dbdde3
```
#dbdde3 rgb(219,221,227)
```
#e9ebee
```
#e9ebee rgb(233,235,238)
```

Monochromatic Color

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

#bec6cd
```
#bec6cd rgb(190,198,205)
```
#bec5cd
```
#bec5cd rgb(190,197,205)
```
#bec3cd
```
#bec3cd rgb(190,195,205)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#bec0cd
```
#bec0cd rgb(190,192,205)
```
#bebecd
```
#bebecd rgb(190,190,205)
```

Similar Colors

Text with hexadecimal color #bec2cd

This text has a font color of #bec2cd.

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

#bec2cd background color

This paragraph has a background color of #bec2cd.

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

#bec2cd border color

This element has a border color of #bec2cd.

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

CSS codes

.text {color:#bec2cd;}

.background {background-color:#bec2cd;}

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

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)
```
#121418
```
#121418 rgb(18,20,24)
```
#1b1d23
```
#1b1d23 rgb(27,29,35)
```
#23262e
```
#23262e rgb(35,38,46)
```
#2c2f39
```
#2c2f39 rgb(44,47,57)
```
#343944
```
#343944 rgb(52,57,68)
```
#3d424f
```
#3d424f rgb(61,66,79)
```
#454b5a
```
#454b5a rgb(69,75,90)
```
#4e5465
```
#4e5465 rgb(78,84,101)
```
#565d70
```
#565d70 rgb(86,93,112)
```
#5f677b
```
#5f677b rgb(95,103,123)
```
#687087
```
#687087 rgb(104,112,135)
```

Shade Color Variation

#707991
```
#707991 rgb(112,121,145)
```
#7b849a
```
#7b849a rgb(123,132,154)
```
#878ea2
```
#878ea2 rgb(135,142,162)
```
#9298ab
```
#9298ab rgb(146,152,171)
```
#9da3b3
```
#9da3b3 rgb(157,163,179)
```
#a8adbc
```
#a8adbc rgb(168,173,188)
```
#b3b8c4
```
#b3b8c4 rgb(179,184,196)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#c9ccd6
```
#c9ccd6 rgb(201,204,214)
```
#d4d7de
```
#d4d7de rgb(212,215,222)
```
#dfe1e7
```
#dfe1e7 rgb(223,225,231)
```
#eaecef
```
#eaecef rgb(234,236,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 #8dabfe is the most saturated one.

#c2c4c9
```
#c2c4c9 rgb(194,196,201)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#bac0d1
```
#bac0d1 rgb(186,192,209)
```
#b5bed6
```
#b5bed6 rgb(181,190,214)
```
#b1bcda
```
#b1bcda rgb(177,188,218)
```
#acbadf
```
#acbadf rgb(172,186,223)
```
#a8b8e3
```
#a8b8e3 rgb(168,184,227)
```
#a3b6e8
```
#a3b6e8 rgb(163,182,232)
```
#9fb4ec
```
#9fb4ec rgb(159,180,236)
```
#9bb1f0
```
#9bb1f0 rgb(155,177,240)
```
#96aff5
```
#96aff5 rgb(150,175,245)
```
#92adf9
```
#92adf9 rgb(146,173,249)
```
#8dabfe
```
#8dabfe rgb(141,171,254)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c1c2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c4ce Protanopia 1% of men
#d1bfd1 Deuteranopia 1% of men
#c1c4d2 Tritanopia 0.001% of the population

Trichromacy

#c2c3ce Protanomaly 1% of men, 0.01% of women
#cac0cf Deuteranomaly 6% of men, 0.4% of women
#c0c3d0 Tritanomaly 0.01% of the population

#bec2cd hex color

#bec2cd Color Information

#bec2cd Color Conversion

Color Schemes with #bec2cd

Alternatives to #bec2cd

#bec2cd Preview

Shades and Tints of #bec2cd

Tones of #bec2cd

Color Blindness Simulator