#b7c2dd hex color

In a RGB color space, hex #b7c2dd is composed of 71.8% red, 76.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 12.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 222.6 degrees, a saturation of 35.8% and a lightness of 79.2%. #b7c2dd color hex could be obtained by blending #ffffff with #6f85bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 76
- B 87
RGB color chart
- C 17
- M 12
- Y 0
- K 13
CMYK color chart

● #b7c2dd color description : Light grayish blue.

The hexadecimal color #b7c2dd has RGB values of R:183, G:194, B:221 and CMYK values of C:0.17, M:0.12, Y:0, K:0.13. Its decimal value is 12042973.

Hex triplet	b7c2dd	`#b7c2dd`
RGB Decimal	183, 194, 221	`rgb(183,194,221)`
RGB Percent	71.8, 76.1, 86.7	`rgb(71.8%,76.1%,86.7%)`
CMYK	17, 12, 0, 13
HSL	222.6°, 35.8, 79.2	`hsl(222.6,35.8%,79.2%)`
HSV (or HSB)	222.6°, 17.2, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.386, 1.757, -14.729
XYZ	51.869, 53.871, 76.068
xyY	0.285, 0.296, 53.871
CIE-LCH	78.386, 14.834, 276.803
CIE-LUV	78.386, -7.305, -23.202
Hunter-Lab	73.397, -2.3, -10.07
Binary	10110111, 11000010, 11011101

#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#ddd2b7
```
#ddd2b7 rgb(221,210,183)
```

Complementary Color

#b7d5dd
```
#b7d5dd rgb(183,213,221)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#bfb7dd
```
#bfb7dd rgb(191,183,221)
```

Analogous Color

#d5ddb7
```
#d5ddb7 rgb(213,221,183)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#ddbfb7
```
#ddbfb7 rgb(221,191,183)
```

Split Complementary Color

#c2ddb7
```
#c2ddb7 rgb(194,221,183)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#ddb7c2
```
#ddb7c2 rgb(221,183,194)
```

Triadic Color

#b7ddd2
```
#b7ddd2 rgb(183,221,210)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#ddb7c2
```
#ddb7c2 rgb(221,183,194)
```
#ddd2b7
```
#ddd2b7 rgb(221,210,183)
```

Tetradic Color

#8396c4
```
#8396c4 rgb(131,150,196)
```
#94a5cd
```
#94a5cd rgb(148,165,205)
```
#a6b3d5
```
#a6b3d5 rgb(166,179,213)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#c8d1e5
```
#c8d1e5 rgb(200,209,229)
```
#dadfed
```
#dadfed rgb(218,223,237)
```
#ebeef6
```
#ebeef6 rgb(235,238,246)
```

Monochromatic Color

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

#b7ccdd
```
#b7ccdd rgb(183,204,221)
```
#b7c8dd
```
#b7c8dd rgb(183,200,221)
```
#b7c5dd
```
#b7c5dd rgb(183,197,221)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#b7bfdd
```
#b7bfdd rgb(183,191,221)
```
#b7bcdd
```
#b7bcdd rgb(183,188,221)
```
#b7b9dd
```
#b7b9dd rgb(183,185,221)
```

Similar Colors

Text with hexadecimal color #b7c2dd

This text has a font color of #b7c2dd.

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

#b7c2dd background color

This paragraph has a background color of #b7c2dd.

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

#b7c2dd border color

This element has a border color of #b7c2dd.

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

CSS codes

.text {color:#b7c2dd;}

.background {background-color:#b7c2dd;}

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0d15
```
#0a0d15 rgb(10,13,21)
```
#101623
```
#101623 rgb(16,22,35)
```
#171e30
```
#171e30 rgb(23,30,48)
```
#1d263d
```
#1d263d rgb(29,38,61)
```
#232f4b
```
#232f4b rgb(35,47,75)
```
#2a3758
```
#2a3758 rgb(42,55,88)
```
#303f65
```
#303f65 rgb(48,63,101)
```
#364873
```
#364873 rgb(54,72,115)
```
#3c5080
```
#3c5080 rgb(60,80,128)
```
#43588d
```
#43588d rgb(67,88,141)
```
#49619b
```
#49619b rgb(73,97,155)
```
#4f69a8
```
#4f69a8 rgb(79,105,168)
```

Shade Color Variation

#5a73b1
```
#5a73b1 rgb(90,115,177)
```
#677eb7
```
#677eb7 rgb(103,126,183)
```
#748abe
```
#748abe rgb(116,138,190)
```
#8295c4
```
#8295c4 rgb(130,149,196)
```
#8fa0ca
```
#8fa0ca rgb(143,160,202)
```
#9cabd0
```
#9cabd0 rgb(156,171,208)
```
#aab7d7
```
#aab7d7 rgb(170,183,215)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#c4cde3
```
#c4cde3 rgb(196,205,227)
```
#d2d9ea
```
#d2d9ea rgb(210,217,234)
```
#dfe4f0
```
#dfe4f0 rgb(223,228,240)
```
#eceff6
```
#eceff6 rgb(236,239,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#c7c9cd
```
#c7c9cd rgb(199,201,205)
```
#c3c7d1
```
#c3c7d1 rgb(195,199,209)
```
#bfc5d5
```
#bfc5d5 rgb(191,197,213)
```
#bbc4d9
```
#bbc4d9 rgb(187,196,217)
```
#b7c2dd
```
#b7c2dd rgb(183,194,221)
```
#b3c0e1
```
#b3c0e1 rgb(179,192,225)
```
#afbfe5
```
#afbfe5 rgb(175,191,229)
```
#abbde9
```
#abbde9 rgb(171,189,233)
```
#a7bbed
```
#a7bbed rgb(167,187,237)
```
#a3b9f1
```
#a3b9f1 rgb(163,185,241)
```
#9fb8f5
```
#9fb8f5 rgb(159,184,245)
```
#9ab6fa
```
#9ab6fa rgb(154,182,250)
```
#96b4fe
```
#96b4fe rgb(150,180,254)
```

Tone Color Variation

Below, you can see how #b7c2dd 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
#c0c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c3dd Protanopia 1% of men
#c9c0e0 Deuteranopia 1% of men
#b8c6d5 Tritanopia 0.001% of the population

Trichromacy

#bdc3dd Protanomaly 1% of men, 0.01% of women
#c2c1df Deuteranomaly 6% of men, 0.4% of women
#b8c5d7 Tritanomaly 0.01% of the population

#b7c2dd hex color

#b7c2dd Color Information

#b7c2dd Color Conversion

Color Schemes with #b7c2dd

Alternatives to #b7c2dd

#b7c2dd Preview

Shades and Tints of #b7c2dd

Tones of #b7c2dd

Color Blindness Simulator