#b7becc hex color

In a RGB color space, hex #b7becc is composed of 71.8% red, 74.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 6.9% magenta, 0% yellow and 20% black. It has a hue angle of 220 degrees, a saturation of 17.1% and a lightness of 75.9%. #b7becc color hex could be obtained by blending #ffffff with #6f7d99. Closest websafe color is: #cccccc.

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

● #b7becc color description : Grayish blue.

The hexadecimal color #b7becc has RGB values of R:183, G:190, B:204 and CMYK values of C:0.1, M:0.07, Y:0, K:0.2. Its decimal value is 12041932.

Hex triplet	b7becc	`#b7becc`
RGB Decimal	183, 190, 204	`rgb(183,190,204)`
RGB Percent	71.8, 74.5, 80	`rgb(71.8%,74.5%,80%)`
CMYK	10, 7, 0, 20
HSL	220°, 17.1, 75.9	`hsl(220,17.1%,75.9%)`
HSV (or HSB)	220°, 10.3, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.832, 0.339, -7.864
XYZ	48.839, 51.253, 64.443
xyY	0.297, 0.312, 51.253
CIE-LCH	76.832, 7.872, 272.47
CIE-LUV	76.832, -4.599, -12.047
Hunter-Lab	71.592, -3.515, -3.256
Binary	10110111, 10111110, 11001100

#b7becc
```
#b7becc rgb(183,190,204)
```
#ccc5b7
```
#ccc5b7 rgb(204,197,183)
```

Complementary Color

#b7c9cc
```
#b7c9cc rgb(183,201,204)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#bbb7cc
```
#bbb7cc rgb(187,183,204)
```

Analogous Color

#c9ccb7
```
#c9ccb7 rgb(201,204,183)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#ccbbb7
```
#ccbbb7 rgb(204,187,183)
```

Split Complementary Color

#beccb7
```
#beccb7 rgb(190,204,183)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#ccb7be
```
#ccb7be rgb(204,183,190)
```

Triadic Color

#b7ccc5
```
#b7ccc5 rgb(183,204,197)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#ccb7be
```
#ccb7be rgb(204,183,190)
```
#ccc5b7
```
#ccc5b7 rgb(204,197,183)
```

Tetradic Color

#8a96ac
```
#8a96ac rgb(138,150,172)
```
#99a3b7
```
#99a3b7 rgb(153,163,183)
```
#a8b1c1
```
#a8b1c1 rgb(168,177,193)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#c6cbd7
```
#c6cbd7 rgb(198,203,215)
```
#d5d9e1
```
#d5d9e1 rgb(213,217,225)
```
#e4e6ec
```
#e4e6ec rgb(228,230,236)
```

Monochromatic Color

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

#b7c3cc
```
#b7c3cc rgb(183,195,204)
```
#b7c2cc
```
#b7c2cc rgb(183,194,204)
```
#b7c0cc
```
#b7c0cc rgb(183,192,204)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#b7bccc
```
#b7bccc rgb(183,188,204)
```
#b7bbcc
```
#b7bbcc rgb(183,187,204)
```
#b7b9cc
```
#b7b9cc rgb(183,185,204)
```

Similar Colors

Text with hexadecimal color #b7becc

This text has a font color of #b7becc.

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

#b7becc background color

This paragraph has a background color of #b7becc.

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

#b7becc border color

This element has a border color of #b7becc.

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

CSS codes

.text {color:#b7becc;}

.background {background-color:#b7becc;}

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1014
```
#0e1014 rgb(14,16,20)
```
#16191f
```
#16191f rgb(22,25,31)
```
#1e222b
```
#1e222b rgb(30,34,43)
```
#262c36
```
#262c36 rgb(38,44,54)
```
#2f3542
```
#2f3542 rgb(47,53,66)
```
#373e4d
```
#373e4d rgb(55,62,77)
```
#3f4759
```
#3f4759 rgb(63,71,89)
```
#475164
```
#475164 rgb(71,81,100)
```
#4f5a70
```
#4f5a70 rgb(79,90,112)
```
#57637b
```
#57637b rgb(87,99,123)
```
#5f6c87
```
#5f6c87 rgb(95,108,135)
```
#687692
```
#687692 rgb(104,118,146)
```

Shade Color Variation

#72809b
```
#72809b rgb(114,128,155)
```
#7e8aa3
```
#7e8aa3 rgb(126,138,163)
```
#8995ab
```
#8995ab rgb(137,149,171)
```
#959fb4
```
#959fb4 rgb(149,159,180)
```
#a0a9bc
```
#a0a9bc rgb(160,169,188)
```
#acb4c4
```
#acb4c4 rgb(172,180,196)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#c2c8d4
```
#c2c8d4 rgb(194,200,212)
```
#ced3dc
```
#ced3dc rgb(206,211,220)
```
#d9dde4
```
#d9dde4 rgb(217,221,228)
```
#e5e7ed
```
#e5e7ed rgb(229,231,237)
```
#f0f2f5
```
#f0f2f5 rgb(240,242,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#c0c1c3
```
#c0c1c3 rgb(192,193,195)
```
#bcc0c7
```
#bcc0c7 rgb(188,192,199)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#b2bcd1
```
#b2bcd1 rgb(178,188,209)
```
#aebbd5
```
#aebbd5 rgb(174,187,213)
```
#a9b9da
```
#a9b9da rgb(169,185,218)
```
#a4b8df
```
#a4b8df rgb(164,184,223)
```
#9fb6e4
```
#9fb6e4 rgb(159,182,228)
```
#9bb5e8
```
#9bb5e8 rgb(155,181,232)
```
#96b3ed
```
#96b3ed rgb(150,179,237)
```
#91b1f2
```
#91b1f2 rgb(145,177,242)
```
#8cb0f7
```
#8cb0f7 rgb(140,176,247)
```
#88aefb
```
#88aefb rgb(136,174,251)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdbec1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bfcd Protanopia 1% of men
#cbbcd0 Deuteranopia 1% of men
#bac1cf Tritanopia 0.001% of the population

Trichromacy

#bcbfcd Protanomaly 1% of men, 0.01% of women
#c4bcce Deuteranomaly 6% of men, 0.4% of women
#b9c0cd Tritanomaly 0.01% of the population

#b7becc hex color

#b7becc Color Information

#b7becc Color Conversion

Color Schemes with #b7becc

Alternatives to #b7becc

#b7becc Preview

Shades and Tints of #b7becc

Tones of #b7becc

Color Blindness Simulator