#bec2cb hex color

In a RGB color space, hex #bec2cb is composed of 74.5% red, 76.1% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 4.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 221.5 degrees, a saturation of 11.1% and a lightness of 77.1%. #bec2cb color hex could be obtained by blending #ffffff with #7d8597. Closest websafe color is: #cccccc.

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

● #bec2cb color description : Grayish blue.

The hexadecimal color #bec2cb has RGB values of R:190, G:194, B:203 and CMYK values of C:0.06, M:0.04, Y:0, K:0.2. Its decimal value is 12501707.

Hex triplet	bec2cb	`#bec2cb`
RGB Decimal	190, 194, 203	`rgb(190,194,203)`
RGB Percent	74.5, 76.1, 79.6	`rgb(74.5%,76.1%,79.6%)`
CMYK	6, 4, 0, 20
HSL	221.5°, 11.1, 77.1	`hsl(221.5,11.1%,77.1%)`
HSV (or HSB)	221.5°, 6.4, 79.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.37, 0.341, -4.99
XYZ	51.304, 53.842, 64.186
xyY	0.303, 0.318, 53.842
CIE-LCH	78.37, 5.002, 273.914
CIE-LUV	78.37, -2.723, -7.629
Hunter-Lab	73.377, -3.605, -0.499
Binary	10111110, 11000010, 11001011

#bec2cb
```
#bec2cb rgb(190,194,203)
```
#cbc7be
```
#cbc7be rgb(203,199,190)
```

Complementary Color

#bec9cb
```
#bec9cb rgb(190,201,203)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#c1becb
```
#c1becb rgb(193,190,203)
```

Analogous Color

#c9cbbe
```
#c9cbbe rgb(201,203,190)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#cbc1be
```
#cbc1be rgb(203,193,190)
```

Split Complementary Color

#c2cbbe
```
#c2cbbe rgb(194,203,190)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#cbbec2
```
#cbbec2 rgb(203,190,194)
```

Triadic Color

#becbc7
```
#becbc7 rgb(190,203,199)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#cbbec2
```
#cbbec2 rgb(203,190,194)
```
#cbc7be
```
#cbc7be rgb(203,199,190)
```

Tetradic Color

#949aa9
```
#949aa9 rgb(148,154,169)
```
#a2a7b4
```
#a2a7b4 rgb(162,167,180)
```
#b0b5c0
```
#b0b5c0 rgb(176,181,192)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#cccfd6
```
#cccfd6 rgb(204,207,214)
```
#dadde2
```
#dadde2 rgb(218,221,226)
```
#e9eaed
```
#e9eaed rgb(233,234,237)
```

Monochromatic Color

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

#bec5cb
```
#bec5cb rgb(190,197,203)
```
#bec4cb
```
#bec4cb rgb(190,196,203)
```
#bec3cb
```
#bec3cb rgb(190,195,203)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#bec1cb
```
#bec1cb rgb(190,193,203)
```
#bec0cb
```
#bec0cb rgb(190,192,203)
```
#bebfcb
```
#bebfcb rgb(190,191,203)
```

Similar Colors

Text with hexadecimal color #bec2cb

This text has a font color of #bec2cb.

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

#bec2cb background color

This paragraph has a background color of #bec2cb.

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

#bec2cb border color

This element has a border color of #bec2cb.

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

CSS codes

.text {color:#bec2cb;}

.background {background-color:#bec2cb;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090a0b
```
#090a0b rgb(9,10,11)
```
#121316
```
#121316 rgb(18,19,22)
```
#1a1c21
```
#1a1c21 rgb(26,28,33)
```
#23262c
```
#23262c rgb(35,38,44)
```
#2c2f37
```
#2c2f37 rgb(44,47,55)
```
#353942
```
#353942 rgb(53,57,66)
```
#3d424d
```
#3d424d rgb(61,66,77)
```
#464b58
```
#464b58 rgb(70,75,88)
```
#4f5562
```
#4f5562 rgb(79,85,98)
```
#575e6d
```
#575e6d rgb(87,94,109)
```
#606878
```
#606878 rgb(96,104,120)
```
#697183
```
#697183 rgb(105,113,131)
```

Shade Color Variation

#727a8e
```
#727a8e rgb(114,122,142)
```
#7d8597
```
#7d8597 rgb(125,133,151)
```
#888f9f
```
#888f9f rgb(136,143,159)
```
#9299a8
```
#9299a8 rgb(146,153,168)
```
#9da3b1
```
#9da3b1 rgb(157,163,177)
```
#a8aeba
```
#a8aeba rgb(168,174,186)
```
#b3b8c2
```
#b3b8c2 rgb(179,184,194)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#c9ccd4
```
#c9ccd4 rgb(201,204,212)
```
#d4d6dc
```
#d4d6dc rgb(212,214,220)
```
#dfe1e5
```
#dfe1e5 rgb(223,225,229)
```
#eaebee
```
#eaebee rgb(234,235,238)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

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

#c3c4c7
```
#c3c4c7 rgb(195,196,199)
```
#bec2cb
```
#bec2cb rgb(190,194,203)
```
#bac0d0
```
#bac0d0 rgb(186,192,208)
```
#b5bfd4
```
#b5bfd4 rgb(181,191,212)
```
#b1bdd9
```
#b1bdd9 rgb(177,189,217)
```
#acbbdd
```
#acbbdd rgb(172,187,221)
```
#a8b9e2
```
#a8b9e2 rgb(168,185,226)
```
#a3b8e6
```
#a3b8e6 rgb(163,184,230)
```
#9fb6eb
```
#9fb6eb rgb(159,182,235)
```
#9ab4ef
```
#9ab4ef rgb(154,180,239)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#91b1f8
```
#91b1f8 rgb(145,177,248)
```
#8daffd
```
#8daffd rgb(141,175,253)
```

Tone Color Variation

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

#c5c3cd Protanopia 1% of men
#d2bfcf Deuteranopia 1% of men
#c2c4d2 Tritanopia 0.001% of the population

Trichromacy

#c3c3cc Protanomaly 1% of men, 0.01% of women
#cac0cd Deuteranomaly 6% of men, 0.4% of women
#c0c3cf Tritanomaly 0.01% of the population

#bec2cb hex color

#bec2cb Color Information

#bec2cb Color Conversion

Color Schemes with #bec2cb

Alternatives to #bec2cb

#bec2cb Preview

Shades and Tints of #bec2cb

Tones of #bec2cb

Color Blindness Simulator