#b2b7db hex color

In a RGB color space, hex #b2b7db is composed of 69.8% red, 71.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 18.7% cyan, 16.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 232.7 degrees, a saturation of 36.3% and a lightness of 77.8%. #b2b7db color hex could be obtained by blending #ffffff with #656fb7. Closest websafe color is: #99cccc.

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

● #b2b7db color description : Light grayish blue.

The hexadecimal color #b2b7db has RGB values of R:178, G:183, B:219 and CMYK values of C:0.19, M:0.16, Y:0, K:0.14. Its decimal value is 11712475.

Hex triplet	b2b7db	`#b2b7db`
RGB Decimal	178, 183, 219	`rgb(178,183,219)`
RGB Percent	69.8, 71.8, 85.9	`rgb(69.8%,71.8%,85.9%)`
CMYK	19, 16, 0, 14
HSL	232.7°, 36.3, 77.8	`hsl(232.7,36.3%,77.8%)`
HSV (or HSB)	232.7°, 18.7, 85.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.105, 5.691, -18.63
XYZ	48.077, 48.446, 73.832
xyY	0.282, 0.284, 48.446
CIE-LCH	75.105, 19.48, 286.985
CIE-LUV	75.105, -4.695, -29.962
Hunter-Lab	69.603, 1.491, -14.17
Binary	10110010, 10110111, 11011011

#b2b7db
```
#b2b7db rgb(178,183,219)
```
#dbd6b2
```
#dbd6b2 rgb(219,214,178)
```

Complementary Color

#b2ccdb
```
#b2ccdb rgb(178,204,219)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#c2b2db
```
#c2b2db rgb(194,178,219)
```

Analogous Color

#ccdbb2
```
#ccdbb2 rgb(204,219,178)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#dbc2b2
```
#dbc2b2 rgb(219,194,178)
```

Split Complementary Color

#b7dbb2
```
#b7dbb2 rgb(183,219,178)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#dbb2b7
```
#dbb2b7 rgb(219,178,183)
```

Triadic Color

#b2dbd6
```
#b2dbd6 rgb(178,219,214)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#dbb2b7
```
#dbb2b7 rgb(219,178,183)
```
#dbd6b2
```
#dbd6b2 rgb(219,214,178)
```

Tetradic Color

#7e86c3
```
#7e86c3 rgb(126,134,195)
```
#8f97cb
```
#8f97cb rgb(143,151,203)
```
#a1a7d3
```
#a1a7d3 rgb(161,167,211)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#c3c7e3
```
#c3c7e3 rgb(195,199,227)
```
#d5d7eb
```
#d5d7eb rgb(213,215,235)
```
#e6e8f3
```
#e6e8f3 rgb(230,232,243)
```

Monochromatic Color

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

#b2c1db
```
#b2c1db rgb(178,193,219)
```
#b2bedb
```
#b2bedb rgb(178,190,219)
```
#b2badb
```
#b2badb rgb(178,186,219)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#b2b4db
```
#b2b4db rgb(178,180,219)
```
#b4b2db
```
#b4b2db rgb(180,178,219)
```
#b7b2db
```
#b7b2db rgb(183,178,219)
```

Similar Colors

Text with hexadecimal color #b2b7db

This text has a font color of #b2b7db.

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

#b2b7db background color

This paragraph has a background color of #b2b7db.

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

#b2b7db border color

This element has a border color of #b2b7db.

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

CSS codes

.text {color:#b2b7db;}

.background {background-color:#b2b7db;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080911
```
#080911 rgb(8,9,17)
```
#0e101e
```
#0e101e rgb(14,16,30)
```
#14172b
```
#14172b rgb(20,23,43)
```
#1a1e39
```
#1a1e39 rgb(26,30,57)
```
#212546
```
#212546 rgb(33,37,70)
```
#272c53
```
#272c53 rgb(39,44,83)
```
#2d3461
```
#2d3461 rgb(45,52,97)
```
#333b6e
```
#333b6e rgb(51,59,110)
```
#3a427b
```
#3a427b rgb(58,66,123)
```
#404989
```
#404989 rgb(64,73,137)
```
#465096
```
#465096 rgb(70,80,150)
```
#4c57a4
```
#4c57a4 rgb(76,87,164)
```

Shade Color Variation

#5460af
```
#5460af rgb(84,96,175)
```
#626cb6
```
#626cb6 rgb(98,108,182)
```
#6f79bc
```
#6f79bc rgb(111,121,188)
```
#7d85c2
```
#7d85c2 rgb(125,133,194)
```
#8a92c8
```
#8a92c8 rgb(138,146,200)
```
#979ecf
```
#979ecf rgb(151,158,207)
```
#a5abd5
```
#a5abd5 rgb(165,171,213)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#bfc3e1
```
#bfc3e1 rgb(191,195,225)
```
#cdd0e7
```
#cdd0e7 rgb(205,208,231)
```
#dadcee
```
#dadcee rgb(218,220,238)
```
#e7e9f4
```
#e7e9f4 rgb(231,233,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

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

#c3c4ca
```
#c3c4ca rgb(195,196,202)
```
#bfc1ce
```
#bfc1ce rgb(191,193,206)
```
#bbbed2
```
#bbbed2 rgb(187,190,210)
```
#b6bad7
```
#b6bad7 rgb(182,186,215)
```
#b2b7db
```
#b2b7db rgb(178,183,219)
```
#aeb4df
```
#aeb4df rgb(174,180,223)
```
#a9b0e4
```
#a9b0e4 rgb(169,176,228)
```
#a5ade8
```
#a5ade8 rgb(165,173,232)
```
#a1aaec
```
#a1aaec rgb(161,170,236)
```
#9ca7f1
```
#9ca7f1 rgb(156,167,241)
```
#98a3f5
```
#98a3f5 rgb(152,163,245)
```
#94a0f9
```
#94a0f9 rgb(148,160,249)
```
#8f9dfe
```
#8f9dfe rgb(143,157,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8b9c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bbdd Protanopia 1% of men
#bcb8dd Deuteranopia 1% of men
#b2bdcb Tritanopia 0.001% of the population

Trichromacy

#b3b9dc Protanomaly 1% of men, 0.01% of women
#b8b8dc Deuteranomaly 6% of men, 0.4% of women
#b2bbd1 Tritanomaly 0.01% of the population

#b2b7db hex color

#b2b7db Color Information

#b2b7db Color Conversion

Color Schemes with #b2b7db

Alternatives to #b2b7db

#b2b7db Preview

Shades and Tints of #b2b7db

Tones of #b2b7db

Color Blindness Simulator