colorhexa.com

#b2d2e7 hex color

In a RGB color space, hex #b2d2e7 is composed of 69.8% red, 82.4% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 9.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 203.8 degrees, a saturation of 52.5% and a lightness of 80.2%. #b2d2e7 color hex could be obtained by blending #ffffff with #65a5cf. Closest websafe color is: #99ccff.

- R 70
- G 82
- B 91
RGB color chart
- C 23
- M 9
- Y 0
- K 9
CMYK color chart

● #b2d2e7 color description : Very soft blue.

The hexadecimal color #b2d2e7 has RGB values of R:178, G:210, B:231 and CMYK values of C:0.23, M:0.09, Y:0, K:0.09. Its decimal value is 11719399.

Hex triplet	b2d2e7	`#b2d2e7`
RGB Decimal	178, 210, 231	`rgb(178,210,231)`
RGB Percent	69.8, 82.4, 90.6	`rgb(69.8%,82.4%,90.6%)`
CMYK	23, 9, 0, 9
HSL	203.8°, 52.5, 80.2	`hsl(203.8,52.5%,80.2%)`
HSV (or HSB)	203.8°, 22.9, 90.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.554, -6.066, -13.867
XYZ	55.827, 61.326, 84.493
xyY	0.277, 0.304, 61.326
CIE-LCH	82.554, 15.136, 246.374
CIE-LUV	82.554, -17.353, -20.729
Hunter-Lab	78.311, -9.793, -9.152
Binary	10110010, 11010010, 11100111

#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#e7c7b2
```
#e7c7b2 rgb(231,199,178)
```

Complementary Color

#b2e7e2
```
#b2e7e2 rgb(178,231,226)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#b2b8e7
```
#b2b8e7 rgb(178,184,231)
```

Analogous Color

#e7e2b2
```
#e7e2b2 rgb(231,226,178)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#e7b2b8
```
#e7b2b8 rgb(231,178,184)
```

Split Complementary Color

#d2e7b2
```
#d2e7b2 rgb(210,231,178)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#e7b2d2
```
#e7b2d2 rgb(231,178,210)
```

Triadic Color

#b2e7c7
```
#b2e7c7 rgb(178,231,199)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#e7b2d2
```
#e7b2d2 rgb(231,178,210)
```
#e7c7b2
```
#e7c7b2 rgb(231,199,178)
```

Tetradic Color

#78b0d5
```
#78b0d5 rgb(120,176,213)
```
#8bbbdb
```
#8bbbdb rgb(139,187,219)
```
#9fc7e1
```
#9fc7e1 rgb(159,199,225)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#c5dded
```
#c5dded rgb(197,221,237)
```
#d9e9f3
```
#d9e9f3 rgb(217,233,243)
```
#ecf4f9
```
#ecf4f9 rgb(236,244,249)
```

Monochromatic Color

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

#b2dfe7
```
#b2dfe7 rgb(178,223,231)
```
#b2dbe7
```
#b2dbe7 rgb(178,219,231)
```
#b2d6e7
```
#b2d6e7 rgb(178,214,231)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#b2cee7
```
#b2cee7 rgb(178,206,231)
```
#b2c9e7
```
#b2c9e7 rgb(178,201,231)
```
#b2c5e7
```
#b2c5e7 rgb(178,197,231)
```

Similar Colors

Text with hexadecimal color #b2d2e7

This text has a font color of #b2d2e7.

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

#b2d2e7 background color

This paragraph has a background color of #b2d2e7.

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

#b2d2e7 border color

This element has a border color of #b2d2e7.

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

CSS codes

.text {color:#b2d2e7;}

.background {background-color:#b2d2e7;}

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

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

#04090d
```
#04090d rgb(4,9,13)
```
#09141c
```
#09141c rgb(9,20,28)
```
#0d1f2b
```
#0d1f2b rgb(13,31,43)
```
#122a3a
```
#122a3a rgb(18,42,58)
```
#173549
```
#173549 rgb(23,53,73)
```
#1b4057
```
#1b4057 rgb(27,64,87)
```
#204b66
```
#204b66 rgb(32,75,102)
```
#255575
```
#255575 rgb(37,85,117)
```
#296084
```
#296084 rgb(41,96,132)
```
#2e6b93
```
#2e6b93 rgb(46,107,147)
```
#3376a2
```
#3376a2 rgb(51,118,162)
```
#3781b1
```
#3781b1 rgb(55,129,177)
```
#3c8cc0
```
#3c8cc0 rgb(60,140,192)
```

Shade Color Variation

#4995c6
```
#4995c6 rgb(73,149,198)
```
#589ecb
```
#589ecb rgb(88,158,203)
```
#67a6d0
```
#67a6d0 rgb(103,166,208)
```
#76afd4
```
#76afd4 rgb(118,175,212)
```
#85b8d9
```
#85b8d9 rgb(133,184,217)
```
#94c1de
```
#94c1de rgb(148,193,222)
```
#a3c9e2
```
#a3c9e2 rgb(163,201,226)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#c1dbec
```
#c1dbec rgb(193,219,236)
```
#d0e3f0
```
#d0e3f0 rgb(208,227,240)
```
#dfecf5
```
#dfecf5 rgb(223,236,245)
```
#eef5fa
```
#eef5fa rgb(238,245,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#c9cdd0
```
#c9cdd0 rgb(201,205,208)
```
#c5ced4
```
#c5ced4 rgb(197,206,212)
```
#c2cfd7
```
#c2cfd7 rgb(194,207,215)
```
#bed0db
```
#bed0db rgb(190,208,219)
```
#bad0df
```
#bad0df rgb(186,208,223)
```
#b6d1e3
```
#b6d1e3 rgb(182,209,227)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#aed3eb
```
#aed3eb rgb(174,211,235)
```
#aad4ef
```
#aad4ef rgb(170,212,239)
```
#a6d4f3
```
#a6d4f3 rgb(166,212,243)
```
#a2d5f7
```
#a2d5f7 rgb(162,213,247)
```
#9fd6fa
```
#9fd6fa rgb(159,214,250)
```
#9bd7fe
```
#9bd7fe rgb(155,215,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c6ccd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccee4 Protanopia 1% of men
#d5cbeb Deuteranopia 1% of men
#b5d5e4 Tritanopia 0.001% of the population

Trichromacy

#c3cfe5 Protanomaly 1% of men, 0.01% of women
#c8cde9 Deuteranomaly 6% of men, 0.4% of women
#b3d3e5 Tritanomaly 0.01% of the population