#b2d2e6 hex color

In a RGB color space, hex #b2d2e6 is composed of 69.8% red, 82.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 8.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 203.1 degrees, a saturation of 51% and a lightness of 80%. #b2d2e6 color hex could be obtained by blending #ffffff with #65a5cd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 82
- B 90
RGB color chart
- C 23
- M 9
- Y 0
- K 10
CMYK color chart

● #b2d2e6 color description : Very soft blue.

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

Hex triplet	b2d2e6	`#b2d2e6`
RGB Decimal	178, 210, 230	`rgb(178,210,230)`
RGB Percent	69.8, 82.4, 90.2	`rgb(69.8%,82.4%,90.2%)`
CMYK	23, 9, 0, 10
HSL	203.1°, 51, 80	`hsl(203.1,51%,80%)`
HSV (or HSB)	203.1°, 22.6, 90.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.524, -6.288, -13.38
XYZ	55.686, 61.27, 83.751
xyY	0.277, 0.305, 61.27
CIE-LCH	82.524, 14.784, 244.828
CIE-LUV	82.524, -17.329, -19.903
Hunter-Lab	78.275, -9.993, -8.645
Binary	10110010, 11010010, 11100110

#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#e6c6b2
```
#e6c6b2 rgb(230,198,178)
```

Complementary Color

#b2e6e0
```
#b2e6e0 rgb(178,230,224)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```

Analogous Color

#e6e0b2
```
#e6e0b2 rgb(230,224,178)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#e6b2b8
```
#e6b2b8 rgb(230,178,184)
```

Split Complementary Color

#d2e6b2
```
#d2e6b2 rgb(210,230,178)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#e6b2d2
```
#e6b2d2 rgb(230,178,210)
```

Triadic Color

#b2e6c6
```
#b2e6c6 rgb(178,230,198)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#e6b2d2
```
#e6b2d2 rgb(230,178,210)
```
#e6c6b2
```
#e6c6b2 rgb(230,198,178)
```

Tetradic Color

#78b0d3
```
#78b0d3 rgb(120,176,211)
```
#8cbcda
```
#8cbcda rgb(140,188,218)
```
#9fc7e0
```
#9fc7e0 rgb(159,199,224)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#c5ddec
```
#c5ddec rgb(197,221,236)
```
#d9e9f3
```
#d9e9f3 rgb(217,233,243)
```
#ecf4f9
```
#ecf4f9 rgb(236,244,249)
```

Monochromatic Color

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

#b2dfe6
```
#b2dfe6 rgb(178,223,230)
```
#b2dbe6
```
#b2dbe6 rgb(178,219,230)
```
#b2d6e6
```
#b2d6e6 rgb(178,214,230)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#b2cee6
```
#b2cee6 rgb(178,206,230)
```
#b2c9e6
```
#b2c9e6 rgb(178,201,230)
```
#b2c5e6
```
#b2c5e6 rgb(178,197,230)
```

Similar Colors

Text with hexadecimal color #b2d2e6

This text has a font color of #b2d2e6.

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

#b2d2e6 background color

This paragraph has a background color of #b2d2e6.

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

#b2d2e6 border color

This element has a border color of #b2d2e6.

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

CSS codes

.text {color:#b2d2e6;}

.background {background-color:#b2d2e6;}

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

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

#04090c
```
#04090c rgb(4,9,12)
```
#09141b
```
#09141b rgb(9,20,27)
```
#0d1f29
```
#0d1f29 rgb(13,31,41)
```
#122a38
```
#122a38 rgb(18,42,56)
```
#173547
```
#173547 rgb(23,53,71)
```
#1c4056
```
#1c4056 rgb(28,64,86)
```
#214b65
```
#214b65 rgb(33,75,101)
```
#265674
```
#265674 rgb(38,86,116)
```
#2a6082
```
#2a6082 rgb(42,96,130)
```
#2f6b91
```
#2f6b91 rgb(47,107,145)
```
#3476a0
```
#3476a0 rgb(52,118,160)
```
#3981af
```
#3981af rgb(57,129,175)
```
#3e8cbe
```
#3e8cbe rgb(62,140,190)
```

Shade Color Variation

#4a95c4
```
#4a95c4 rgb(74,149,196)
```
#599ec9
```
#599ec9 rgb(89,158,201)
```
#68a7ce
```
#68a7ce rgb(104,167,206)
```
#77afd3
```
#77afd3 rgb(119,175,211)
```
#86b8d8
```
#86b8d8 rgb(134,184,216)
```
#94c1dc
```
#94c1dc rgb(148,193,220)
```
#a3c9e1
```
#a3c9e1 rgb(163,201,225)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#c1dbeb
```
#c1dbeb rgb(193,219,235)
```
#d0e3f0
```
#d0e3f0 rgb(208,227,240)
```
#deecf4
```
#deecf4 rgb(222,236,244)
```
#edf5f9
```
#edf5f9 rgb(237,245,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#cacdce
```
#cacdce rgb(202,205,206)
```
#c6cdd2
```
#c6cdd2 rgb(198,205,210)
```
#c2ced6
```
#c2ced6 rgb(194,206,214)
```
#becfda
```
#becfda rgb(190,207,218)
```
#bad0de
```
#bad0de rgb(186,208,222)
```
#b6d1e2
```
#b6d1e2 rgb(182,209,226)
```
#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#aed3ea
```
#aed3ea rgb(174,211,234)
```
#aad4ee
```
#aad4ee rgb(170,212,238)
```
#a6d5f2
```
#a6d5f2 rgb(166,213,242)
```
#a2d6f6
```
#a2d6f6 rgb(162,214,246)
```
#9ed7fa
```
#9ed7fa rgb(158,215,250)
```
#9ad7fe
```
#9ad7fe rgb(154,215,254)
```

Tone Color Variation

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

Dichromacy

#cdcee3 Protanopia 1% of men
#d6cbea Deuteranopia 1% of men
#b5d4e4 Tritanopia 0.001% of the population

Trichromacy

#c3cfe4 Protanomaly 1% of men, 0.01% of women
#c8cde8 Deuteranomaly 6% of men, 0.4% of women
#b4d3e4 Tritanomaly 0.01% of the population

#b2d2e6 hex color

#b2d2e6 Color Information

#b2d2e6 Color Conversion

Color Schemes with #b2d2e6

Alternatives to #b2d2e6

#b2d2e6 Preview

Shades and Tints of #b2d2e6

Tones of #b2d2e6

Color Blindness Simulator