#b2c6e0 hex color

In a RGB color space, hex #b2c6e0 is composed of 69.8% red, 77.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 11.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 213.9 degrees, a saturation of 42.6% and a lightness of 78.8%. #b2c6e0 color hex could be obtained by blending #ffffff with #658dc1. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 78
- B 88
RGB color chart
- C 21
- M 12
- Y 0
- K 12
CMYK color chart

● #b2c6e0 color description : Very soft blue.

The hexadecimal color #b2c6e0 has RGB values of R:178, G:198, B:224 and CMYK values of C:0.21, M:0.12, Y:0, K:0.12. Its decimal value is 11716320.

Hex triplet	b2c6e0	`#b2c6e0`
RGB Decimal	178, 198, 224	`rgb(178,198,224)`
RGB Percent	69.8, 77.6, 87.8	`rgb(69.8%,77.6%,87.8%)`
CMYK	21, 12, 0, 12
HSL	213.9°, 42.6, 78.8	`hsl(213.9,42.6%,78.8%)`
HSV (or HSB)	213.9°, 20.5, 87.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.176, -1.286, -15.192
XYZ	52.006, 55.234, 78.438
xyY	0.28, 0.297, 55.234
CIE-LCH	79.176, 15.247, 265.16
CIE-LUV	79.176, -11.745, -23.502
Hunter-Lab	74.32, -5.152, -10.552
Binary	10110010, 11000110, 11100000

#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#e0ccb2
```
#e0ccb2 rgb(224,204,178)
```

Complementary Color

#b2dde0
```
#b2dde0 rgb(178,221,224)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#b5b2e0
```
#b5b2e0 rgb(181,178,224)
```

Analogous Color

#dde0b2
```
#dde0b2 rgb(221,224,178)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#e0b5b2
```
#e0b5b2 rgb(224,181,178)
```

Split Complementary Color

#c6e0b2
```
#c6e0b2 rgb(198,224,178)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#e0b2c6
```
#e0b2c6 rgb(224,178,198)
```

Triadic Color

#b2e0cc
```
#b2e0cc rgb(178,224,204)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#e0b2c6
```
#e0b2c6 rgb(224,178,198)
```
#e0ccb2
```
#e0ccb2 rgb(224,204,178)
```

Tetradic Color

#7b9eca
```
#7b9eca rgb(123,158,202)
```
#8eabd1
```
#8eabd1 rgb(142,171,209)
```
#a0b9d9
```
#a0b9d9 rgb(160,185,217)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#c4d3e7
```
#c4d3e7 rgb(196,211,231)
```
#d6e1ef
```
#d6e1ef rgb(214,225,239)
```
#e9eef6
```
#e9eef6 rgb(233,238,246)
```

Monochromatic Color

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

#b2d2e0
```
#b2d2e0 rgb(178,210,224)
```
#b2cee0
```
#b2cee0 rgb(178,206,224)
```
#b2cae0
```
#b2cae0 rgb(178,202,224)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#b2c2e0
```
#b2c2e0 rgb(178,194,224)
```
#b2bee0
```
#b2bee0 rgb(178,190,224)
```
#b2bbe0
```
#b2bbe0 rgb(178,187,224)
```

Similar Colors

Text with hexadecimal color #b2c6e0

This text has a font color of #b2c6e0.

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

#b2c6e0 background color

This paragraph has a background color of #b2c6e0.

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

#b2c6e0 border color

This element has a border color of #b2c6e0.

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

CSS codes

.text {color:#b2c6e0;}

.background {background-color:#b2c6e0;}

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

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

#030507
```
#030507 rgb(3,5,7)
```
#080e15
```
#080e15 rgb(8,14,21)
```
#0e1723
```
#0e1723 rgb(14,23,35)
```
#142031
```
#142031 rgb(20,32,49)
```
#192a3f
```
#192a3f rgb(25,42,63)
```
#1f334d
```
#1f334d rgb(31,51,77)
```
#253c5b
```
#253c5b rgb(37,60,91)
```
#2a4569
```
#2a4569 rgb(42,69,105)
```
#304f77
```
#304f77 rgb(48,79,119)
```
#355885
```
#355885 rgb(53,88,133)
```
#3b6193
```
#3b6193 rgb(59,97,147)
```
#416aa1
```
#416aa1 rgb(65,106,161)
```
#4674af
```
#4674af rgb(70,116,175)
```

Shade Color Variation

#507eb9
```
#507eb9 rgb(80,126,185)
```
#5e88be
```
#5e88be rgb(94,136,190)
```
#6c92c4
```
#6c92c4 rgb(108,146,196)
```
#7a9dc9
```
#7a9dc9 rgb(122,157,201)
```
#88a7cf
```
#88a7cf rgb(136,167,207)
```
#96b1d5
```
#96b1d5 rgb(150,177,213)
```
#a4bcda
```
#a4bcda rgb(164,188,218)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#c0d0e6
```
#c0d0e6 rgb(192,208,230)
```
#cedbeb
```
#cedbeb rgb(206,219,235)
```
#dce5f1
```
#dce5f1 rgb(220,229,241)
```
#eaeff7
```
#eaeff7 rgb(234,239,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#c7c9cb
```
#c7c9cb rgb(199,201,203)
```
#c3c8cf
```
#c3c8cf rgb(195,200,207)
```
#bec8d4
```
#bec8d4 rgb(190,200,212)
```
#bac7d8
```
#bac7d8 rgb(186,199,216)
```
#b6c7dc
```
#b6c7dc rgb(182,199,220)
```
#b2c6e0
```
#b2c6e0 rgb(178,198,224)
```
#aec5e4
```
#aec5e4 rgb(174,197,228)
```
#aac5e8
```
#aac5e8 rgb(170,197,232)
```
#a6c4ec
```
#a6c4ec rgb(166,196,236)
```
#a1c4f1
```
#a1c4f1 rgb(161,196,241)
```
#9dc3f5
```
#9dc3f5 rgb(157,195,245)
```
#99c3f9
```
#99c3f9 rgb(153,195,249)
```
#95c2fd
```
#95c2fd rgb(149,194,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c0c4c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c5df Protanopia 1% of men
#cbc2e3 Deuteranopia 1% of men
#b4cad9 Tritanopia 0.001% of the population

Trichromacy

#bcc5df Protanomaly 1% of men, 0.01% of women
#c2c3e2 Deuteranomaly 6% of men, 0.4% of women
#b3c8db Tritanomaly 0.01% of the population

#b2c6e0 hex color

#b2c6e0 Color Information

#b2c6e0 Color Conversion

Color Schemes with #b2c6e0

Alternatives to #b2c6e0

#b2c6e0 Preview

Shades and Tints of #b2c6e0

Tones of #b2c6e0

Color Blindness Simulator