#b7cedc hex color

In a RGB color space, hex #b7cedc is composed of 71.8% red, 80.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 6.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 202.7 degrees, a saturation of 34.6% and a lightness of 79%. #b7cedc color hex could be obtained by blending #ffffff with #6f9db9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 81
- B 86
RGB color chart
- C 17
- M 6
- Y 0
- K 14
CMYK color chart

● #b7cedc color description : Light grayish blue.

The hexadecimal color #b7cedc has RGB values of R:183, G:206, B:220 and CMYK values of C:0.17, M:0.06, Y:0, K:0.14. Its decimal value is 12046044.

Hex triplet	b7cedc	`#b7cedc`
RGB Decimal	183, 206, 220	`rgb(183,206,220)`
RGB Percent	71.8, 80.8, 86.3	`rgb(71.8%,80.8%,86.3%)`
CMYK	17, 6, 0, 14
HSL	202.7°, 34.6, 79	`hsl(202.7,34.6%,79%)`
HSV (or HSB)	202.7°, 16.8, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.498, -4.821, -9.54
XYZ	54.515, 59.376, 76.295
xyY	0.287, 0.312, 59.376
CIE-LCH	81.498, 10.689, 243.191
CIE-LUV	81.498, -12.825, -13.952
Hunter-Lab	77.056, -8.563, -4.765
Binary	10110111, 11001110, 11011100

#b7cedc
```
#b7cedc rgb(183,206,220)
```
#dcc5b7
```
#dcc5b7 rgb(220,197,183)
```

Complementary Color

#b7dcd8
```
#b7dcd8 rgb(183,220,216)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#b7bcdc
```
#b7bcdc rgb(183,188,220)
```

Analogous Color

#dcd8b7
```
#dcd8b7 rgb(220,216,183)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#dcb7bc
```
#dcb7bc rgb(220,183,188)
```

Split Complementary Color

#cedcb7
```
#cedcb7 rgb(206,220,183)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#dcb7ce
```
#dcb7ce rgb(220,183,206)
```

Triadic Color

#b7dcc5
```
#b7dcc5 rgb(183,220,197)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#dcb7ce
```
#dcb7ce rgb(220,183,206)
```
#dcc5b7
```
#dcc5b7 rgb(220,197,183)
```

Tetradic Color

#84abc3
```
#84abc3 rgb(132,171,195)
```
#95b7cb
```
#95b7cb rgb(149,183,203)
```
#a6c2d4
```
#a6c2d4 rgb(166,194,212)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#c8dae4
```
#c8dae4 rgb(200,218,228)
```
#d9e5ed
```
#d9e5ed rgb(217,229,237)
```
#eaf1f5
```
#eaf1f5 rgb(234,241,245)
```

Monochromatic Color

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

#b7d7dc
```
#b7d7dc rgb(183,215,220)
```
#b7d4dc
```
#b7d4dc rgb(183,212,220)
```
#b7d1dc
```
#b7d1dc rgb(183,209,220)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#b7cbdc
```
#b7cbdc rgb(183,203,220)
```
#b7c8dc
```
#b7c8dc rgb(183,200,220)
```
#b7c5dc
```
#b7c5dc rgb(183,197,220)
```

Similar Colors

Text with hexadecimal color #b7cedc

This text has a font color of #b7cedc.

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

#b7cedc background color

This paragraph has a background color of #b7cedc.

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

#b7cedc border color

This element has a border color of #b7cedc.

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

CSS codes

.text {color:#b7cedc;}

.background {background-color:#b7cedc;}

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1014
```
#0a1014 rgb(10,16,20)
```
#101b22
```
#101b22 rgb(16,27,34)
```
#17262f
```
#17262f rgb(23,38,47)
```
#1d303c
```
#1d303c rgb(29,48,60)
```
#243b49
```
#243b49 rgb(36,59,73)
```
#2a4656
```
#2a4656 rgb(42,70,86)
```
#305064
```
#305064 rgb(48,80,100)
```
#375b71
```
#375b71 rgb(55,91,113)
```
#3d657e
```
#3d657e rgb(61,101,126)
```
#44708b
```
#44708b rgb(68,112,139)
```
#4a7b98
```
#4a7b98 rgb(74,123,152)
```
#5085a6
```
#5085a6 rgb(80,133,166)
```

Shade Color Variation

#5b8faf
```
#5b8faf rgb(91,143,175)
```
#6898b6
```
#6898b6 rgb(104,152,182)
```
#75a1bc
```
#75a1bc rgb(117,161,188)
```
#82aac2
```
#82aac2 rgb(130,170,194)
```
#8fb3c9
```
#8fb3c9 rgb(143,179,201)
```
#9dbccf
```
#9dbccf rgb(157,188,207)
```
#aac5d6
```
#aac5d6 rgb(170,197,214)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#c4d7e2
```
#c4d7e2 rgb(196,215,226)
```
#d1e0e9
```
#d1e0e9 rgb(209,224,233)
```
#dfe9ef
```
#dfe9ef rgb(223,233,239)
```
#ecf2f6
```
#ecf2f6 rgb(236,242,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#c7cacc
```
#c7cacc rgb(199,202,204)
```
#c3cbd0
```
#c3cbd0 rgb(195,203,208)
```
#bfccd4
```
#bfccd4 rgb(191,204,212)
```
#bbcdd8
```
#bbcdd8 rgb(187,205,216)
```
#b7cedc
```
#b7cedc rgb(183,206,220)
```
#b3cfe0
```
#b3cfe0 rgb(179,207,224)
```
#afd0e4
```
#afd0e4 rgb(175,208,228)
```
#abd1e8
```
#abd1e8 rgb(171,209,232)
```
#a7d2ec
```
#a7d2ec rgb(167,210,236)
```
#a2d3f1
```
#a2d3f1 rgb(162,211,241)
```
#9ed4f5
```
#9ed4f5 rgb(158,212,245)
```
#9ad5f9
```
#9ad5f9 rgb(154,213,249)
```
#96d6fd
```
#96d6fd rgb(150,214,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c5cacd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbdb Protanopia 1% of men
#d6c8e0 Deuteranopia 1% of men
#bbd0df Tritanopia 0.001% of the population

Trichromacy

#c4ccdb Protanomaly 1% of men, 0.01% of women
#cbcade Deuteranomaly 6% of men, 0.4% of women
#b9cfde Tritanomaly 0.01% of the population

#b7cedc hex color

#b7cedc Color Information

#b7cedc Color Conversion

Color Schemes with #b7cedc

Alternatives to #b7cedc

#b7cedc Preview

Shades and Tints of #b7cedc

Tones of #b7cedc

Color Blindness Simulator