#b7bddc hex color

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

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

● #b7bddc color description : Light grayish blue.

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

Hex triplet	b7bddc	`#b7bddc`
RGB Decimal	183, 189, 220	`rgb(183,189,220)`
RGB Percent	71.8, 74.1, 86.3	`rgb(71.8%,74.1%,86.3%)`
CMYK	17, 14, 0, 14
HSL	230.3°, 34.6, 79	`hsl(230.3,34.6%,79%)`
HSV (or HSB)	230.3°, 16.8, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.059, 4.232, -16.187
XYZ	50.642, 51.629, 75.004
xyY	0.286, 0.291, 51.629
CIE-LCH	77.059, 16.731, 284.653
CIE-LUV	77.059, -4.944, -25.884
Hunter-Lab	71.854, 0.062, -11.592
Binary	10110111, 10111101, 11011100

#b7bddc
```
#b7bddc rgb(183,189,220)
```
#dcd6b7
```
#dcd6b7 rgb(220,214,183)
```

Complementary Color

#b7d0dc
```
#b7d0dc rgb(183,208,220)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#c4b7dc
```
#c4b7dc rgb(196,183,220)
```

Analogous Color

#d0dcb7
```
#d0dcb7 rgb(208,220,183)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#dcc4b7
```
#dcc4b7 rgb(220,196,183)
```

Split Complementary Color

#bddcb7
```
#bddcb7 rgb(189,220,183)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#dcb7bd
```
#dcb7bd rgb(220,183,189)
```

Triadic Color

#b7dcd6
```
#b7dcd6 rgb(183,220,214)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#dcb7bd
```
#dcb7bd rgb(220,183,189)
```
#dcd6b7
```
#dcd6b7 rgb(220,214,183)
```

Tetradic Color

#848ec3
```
#848ec3 rgb(132,142,195)
```
#959ecb
```
#959ecb rgb(149,158,203)
```
#a6add4
```
#a6add4 rgb(166,173,212)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#c8cde4
```
#c8cde4 rgb(200,205,228)
```
#d9dced
```
#d9dced rgb(217,220,237)
```
#eaecf5
```
#eaecf5 rgb(234,236,245)
```

Monochromatic Color

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

#b7c6dc
```
#b7c6dc rgb(183,198,220)
```
#b7c3dc
```
#b7c3dc rgb(183,195,220)
```
#b7c0dc
```
#b7c0dc rgb(183,192,220)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#b7badc
```
#b7badc rgb(183,186,220)
```
#b7b7dc
```
#b7b7dc rgb(183,183,220)
```
#bab7dc
```
#bab7dc rgb(186,183,220)
```

Similar Colors

Text with hexadecimal color #b7bddc

This text has a font color of #b7bddc.

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

#b7bddc background color

This paragraph has a background color of #b7bddc.

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

#b7bddc border color

This element has a border color of #b7bddc.

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

CSS codes

.text {color:#b7bddc;}

.background {background-color:#b7bddc;}

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0c14
```
#0a0c14 rgb(10,12,20)
```
#101322
```
#101322 rgb(16,19,34)
```
#171b2f
```
#171b2f rgb(23,27,47)
```
#1d223c
```
#1d223c rgb(29,34,60)
```
#242a49
```
#242a49 rgb(36,42,73)
```
#2a3156
```
#2a3156 rgb(42,49,86)
```
#303964
```
#303964 rgb(48,57,100)
```
#374071
```
#374071 rgb(55,64,113)
```
#3d487e
```
#3d487e rgb(61,72,126)
```
#444f8b
```
#444f8b rgb(68,79,139)
```
#4a5798
```
#4a5798 rgb(74,87,152)
```
#505ea6
```
#505ea6 rgb(80,94,166)
```

Shade Color Variation

#5b68af
```
#5b68af rgb(91,104,175)
```
#6874b6
```
#6874b6 rgb(104,116,182)
```
#7581bc
```
#7581bc rgb(117,129,188)
```
#828dc2
```
#828dc2 rgb(130,141,194)
```
#8f99c9
```
#8f99c9 rgb(143,153,201)
```
#9da5cf
```
#9da5cf rgb(157,165,207)
```
#aab1d6
```
#aab1d6 rgb(170,177,214)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#c4c9e2
```
#c4c9e2 rgb(196,201,226)
```
#d1d5e9
```
#d1d5e9 rgb(209,213,233)
```
#dfe1ef
```
#dfe1ef rgb(223,225,239)
```
#ecedf6
```
#ecedf6 rgb(236,237,246)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#c7c8cc
```
#c7c8cc rgb(199,200,204)
```
#c3c5d0
```
#c3c5d0 rgb(195,197,208)
```
#bfc3d4
```
#bfc3d4 rgb(191,195,212)
```
#bbc0d8
```
#bbc0d8 rgb(187,192,216)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#b3bae0
```
#b3bae0 rgb(179,186,224)
```
#afb7e4
```
#afb7e4 rgb(175,183,228)
```
#abb5e8
```
#abb5e8 rgb(171,181,232)
```
#a7b2ec
```
#a7b2ec rgb(167,178,236)
```
#a2aff1
```
#a2aff1 rgb(162,175,241)
```
#9eacf5
```
#9eacf5 rgb(158,172,245)
```
#9aaaf9
```
#9aaaf9 rgb(154,170,249)
```
#96a7fd
```
#96a7fd rgb(150,167,253)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdbfc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc0dd Protanopia 1% of men
#c4bdde Deuteranopia 1% of men
#b7c2d0 Tritanopia 0.001% of the population

Trichromacy

#babedd Protanomaly 1% of men, 0.01% of women
#bfbddd Deuteranomaly 6% of men, 0.4% of women
#b7c0d4 Tritanomaly 0.01% of the population

#b7bddc hex color

#b7bddc Color Information

#b7bddc Color Conversion

Color Schemes with #b7bddc

Alternatives to #b7bddc

#b7bddc Preview

Shades and Tints of #b7bddc

Tones of #b7bddc

Color Blindness Simulator