#b7bde3 hex color

In a RGB color space, hex #b7bde3 is composed of 71.8% red, 74.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 16.7% magenta, 0% yellow and 11% black. It has a hue angle of 231.8 degrees, a saturation of 44% and a lightness of 80.4%. #b7bde3 color hex could be obtained by blending #ffffff with #6f7bc7. Closest websafe color is: #cccccc.

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

● #b7bde3 color description : Light grayish blue.

The hexadecimal color #b7bde3 has RGB values of R:183, G:189, B:227 and CMYK values of C:0.19, M:0.17, Y:0, K:0.11. Its decimal value is 12041699.

Hex triplet	b7bde3	`#b7bde3`
RGB Decimal	183, 189, 227	`rgb(183,189,227)`
RGB Percent	71.8, 74.1, 89	`rgb(71.8%,74.1%,89%)`
CMYK	19, 17, 0, 11
HSL	231.8°, 44, 80.4	`hsl(231.8,44%,80.4%)`
HSV (or HSB)	231.8°, 19.4, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.286, 5.764, -19.626
XYZ	51.588, 52.008, 79.989
xyY	0.281, 0.283, 52.008
CIE-LCH	77.286, 20.454, 286.368
CIE-LUV	77.286, -5.312, -31.719
Hunter-Lab	72.117, 1.486, -15.281
Binary	10110111, 10111101, 11100011

#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#e3ddb7
```
#e3ddb7 rgb(227,221,183)
```

Complementary Color

#b7d3e3
```
#b7d3e3 rgb(183,211,227)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#c7b7e3
```
#c7b7e3 rgb(199,183,227)
```

Analogous Color

#d3e3b7
```
#d3e3b7 rgb(211,227,183)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#e3c7b7
```
#e3c7b7 rgb(227,199,183)
```

Split Complementary Color

#bde3b7
```
#bde3b7 rgb(189,227,183)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#e3b7bd
```
#e3b7bd rgb(227,183,189)
```

Triadic Color

#b7e3dd
```
#b7e3dd rgb(183,227,221)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#e3b7bd
```
#e3b7bd rgb(227,183,189)
```
#e3ddb7
```
#e3ddb7 rgb(227,221,183)
```

Tetradic Color

#808bce
```
#808bce rgb(128,139,206)
```
#929bd5
```
#929bd5 rgb(146,155,213)
```
#a5acdc
```
#a5acdc rgb(165,172,220)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#c9ceea
```
#c9ceea rgb(201,206,234)
```
#dcdff1
```
#dcdff1 rgb(220,223,241)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```

Monochromatic Color

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

#b7c8e3
```
#b7c8e3 rgb(183,200,227)
```
#b7c4e3
```
#b7c4e3 rgb(183,196,227)
```
#b7c1e3
```
#b7c1e3 rgb(183,193,227)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#b7b9e3
```
#b7b9e3 rgb(183,185,227)
```
#b8b7e3
```
#b8b7e3 rgb(184,183,227)
```
#bcb7e3
```
#bcb7e3 rgb(188,183,227)
```

Similar Colors

Text with hexadecimal color #b7bde3

This text has a font color of #b7bde3.

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

#b7bde3 background color

This paragraph has a background color of #b7bde3.

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

#b7bde3 border color

This element has a border color of #b7bde3.

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

CSS codes

.text {color:#b7bde3;}

.background {background-color:#b7bde3;}

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

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, #05060d is the darkest color, while #fefefe is the lightest one.

#05060d
```
#05060d rgb(5,6,13)
```
#0a0d1b
```
#0a0d1b rgb(10,13,27)
```
#101329
```
#101329 rgb(16,19,41)
```
#151a37
```
#151a37 rgb(21,26,55)
```
#1b2145
```
#1b2145 rgb(27,33,69)
```
#202753
```
#202753 rgb(32,39,83)
```
#262e61
```
#262e61 rgb(38,46,97)
```
#2b3570
```
#2b3570 rgb(43,53,112)
```
#313b7e
```
#313b7e rgb(49,59,126)
```
#36428c
```
#36428c rgb(54,66,140)
```
#3c499a
```
#3c499a rgb(60,73,154)
```
#414fa8
```
#414fa8 rgb(65,79,168)
```
#4756b6
```
#4756b6 rgb(71,86,182)
```

Shade Color Variation

#5462bd
```
#5462bd rgb(84,98,189)
```
#626fc2
```
#626fc2 rgb(98,111,194)
```
#707cc8
```
#707cc8 rgb(112,124,200)
```
#7f89cd
```
#7f89cd rgb(127,137,205)
```
#8d96d3
```
#8d96d3 rgb(141,150,211)
```
#9ba3d8
```
#9ba3d8 rgb(155,163,216)
```
#a9b0de
```
#a9b0de rgb(169,176,222)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#c5cae8
```
#c5cae8 rgb(197,202,232)
```
#d3d7ee
```
#d3d7ee rgb(211,215,238)
```
#e1e4f3
```
#e1e4f3 rgb(225,228,243)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cacbd0
```
#cacbd0 rgb(202,203,208)
```
#c6c8d4
```
#c6c8d4 rgb(198,200,212)
```
#c3c5d7
```
#c3c5d7 rgb(195,197,215)
```
#bfc3db
```
#bfc3db rgb(191,195,219)
```
#bbc0df
```
#bbc0df rgb(187,192,223)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#b3bae7
```
#b3bae7 rgb(179,186,231)
```
#afb7eb
```
#afb7eb rgb(175,183,235)
```
#abb5ef
```
#abb5ef rgb(171,181,239)
```
#a8b2f2
```
#a8b2f2 rgb(168,178,242)
```
#a4aff6
```
#a4aff6 rgb(164,175,246)
```
#a0acfa
```
#a0acfa rgb(160,172,250)
```
#9ca9fe
```
#9ca9fe rgb(156,169,254)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bebfc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac0e4 Protanopia 1% of men
#c2bee5 Deuteranopia 1% of men
#b6c3d1 Tritanopia 0.001% of the population

Trichromacy

#b9bfe3 Protanomaly 1% of men, 0.01% of women
#bebde4 Deuteranomaly 6% of men, 0.4% of women
#b6c1d8 Tritanomaly 0.01% of the population

#b7bde3 hex color

#b7bde3 Color Information

#b7bde3 Color Conversion

Color Schemes with #b7bde3

Alternatives to #b7bde3

#b7bde3 Preview

Shades and Tints of #b7bde3

Tones of #b7bde3

Color Blindness Simulator