#b2c5e4 hex color

In a RGB color space, hex #b2c5e4 is composed of 69.8% red, 77.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 13.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 217.2 degrees, a saturation of 48.1% and a lightness of 79.6%. #b2c5e4 color hex could be obtained by blending #ffffff with #658bc9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 77
- B 89
RGB color chart
- C 22
- M 14
- Y 0
- K 11
CMYK color chart

● #b2c5e4 color description : Very soft blue.

The hexadecimal color #b2c5e4 has RGB values of R:178, G:197, B:228 and CMYK values of C:0.22, M:0.14, Y:0, K:0.11. Its decimal value is 11716068.

Hex triplet	b2c5e4	`#b2c5e4`
RGB Decimal	178, 197, 228	`rgb(178,197,228)`
RGB Percent	69.8, 77.3, 89.4	`rgb(69.8%,77.3%,89.4%)`
CMYK	22, 14, 0, 11
HSL	217.2°, 48.1, 79.6	`hsl(217.2,48.1%,79.6%)`
HSV (or HSB)	217.2°, 21.9, 89.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.04, 0.139, -17.546
XYZ	52.327, 54.998, 81.253
xyY	0.277, 0.292, 54.998
CIE-LCH	79.04, 17.547, 270.453
CIE-LUV	79.04, -11.44, -27.543
Hunter-Lab	74.161, -3.833, -13.048
Binary	10110010, 11000101, 11100100

#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#e4d1b2
```
#e4d1b2 rgb(228,209,178)
```

Complementary Color

#b2dee4
```
#b2dee4 rgb(178,222,228)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#b8b2e4
```
#b8b2e4 rgb(184,178,228)
```

Analogous Color

#dee4b2
```
#dee4b2 rgb(222,228,178)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#e4b8b2
```
#e4b8b2 rgb(228,184,178)
```

Split Complementary Color

#c5e4b2
```
#c5e4b2 rgb(197,228,178)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#e4b2c5
```
#e4b2c5 rgb(228,178,197)
```

Triadic Color

#b2e4d1
```
#b2e4d1 rgb(178,228,209)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#e4b2c5
```
#e4b2c5 rgb(228,178,197)
```
#e4d1b2
```
#e4d1b2 rgb(228,209,178)
```

Tetradic Color

#799ad0
```
#799ad0 rgb(121,154,208)
```
#8ca9d7
```
#8ca9d7 rgb(140,169,215)
```
#9fb7dd
```
#9fb7dd rgb(159,183,221)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#c5d3eb
```
#c5d3eb rgb(197,211,235)
```
#d8e1f1
```
#d8e1f1 rgb(216,225,241)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,248)
```

Monochromatic Color

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

#b2d2e4
```
#b2d2e4 rgb(178,210,228)
```
#b2cde4
```
#b2cde4 rgb(178,205,228)
```
#b2c9e4
```
#b2c9e4 rgb(178,201,228)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#b2c1e4
```
#b2c1e4 rgb(178,193,228)
```
#b2bde4
```
#b2bde4 rgb(178,189,228)
```
#b2b9e4
```
#b2b9e4 rgb(178,185,228)
```

Similar Colors

Text with hexadecimal color #b2c5e4

This text has a font color of #b2c5e4.

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

#b2c5e4 background color

This paragraph has a background color of #b2c5e4.

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

#b2c5e4 border color

This element has a border color of #b2c5e4.

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

CSS codes

.text {color:#b2c5e4;}

.background {background-color:#b2c5e4;}

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

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, #04060a is the darkest color, while #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090f19
```
#090f19 rgb(9,15,25)
```
#0e1727
```
#0e1727 rgb(14,23,39)
```
#132036
```
#132036 rgb(19,32,54)
```
#182944
```
#182944 rgb(24,41,68)
```
#1d3153
```
#1d3153 rgb(29,49,83)
```
#223a61
```
#223a61 rgb(34,58,97)
```
#274370
```
#274370 rgb(39,67,112)
```
#2c4b7e
```
#2c4b7e rgb(44,75,126)
```
#31548d
```
#31548d rgb(49,84,141)
```
#365d9b
```
#365d9b rgb(54,93,155)
```
#3c65aa
```
#3c65aa rgb(60,101,170)
```
#416eb8
```
#416eb8 rgb(65,110,184)
```

Shade Color Variation

#4c78c0
```
#4c78c0 rgb(76,120,192)
```
#5b83c5
```
#5b83c5 rgb(91,131,197)
```
#698ecb
```
#698ecb rgb(105,142,203)
```
#7899d0
```
#7899d0 rgb(120,153,208)
```
#86a4d5
```
#86a4d5 rgb(134,164,213)
```
#95afda
```
#95afda rgb(149,175,218)
```
#a3badf
```
#a3badf rgb(163,186,223)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#c1d0e9
```
#c1d0e9 rgb(193,208,233)
```
#cfdbee
```
#cfdbee rgb(207,219,238)
```
#dee6f3
```
#dee6f3 rgb(222,230,243)
```
#ecf1f8
```
#ecf1f8 rgb(236,241,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#cacbcc
```
#cacbcc rgb(202,203,204)
```
#c6cad0
```
#c6cad0 rgb(198,202,208)
```
#c2c9d4
```
#c2c9d4 rgb(194,201,212)
```
#bec8d8
```
#bec8d8 rgb(190,200,216)
```
#bac7dc
```
#bac7dc rgb(186,199,220)
```
#b6c6e0
```
#b6c6e0 rgb(182,198,224)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#aec4e8
```
#aec4e8 rgb(174,196,232)
```
#aac3ec
```
#aac3ec rgb(170,195,236)
```
#a6c2f0
```
#a6c2f0 rgb(166,194,240)
```
#a2c1f4
```
#a2c1f4 rgb(162,193,244)
```
#9ec0f8
```
#9ec0f8 rgb(158,192,248)
```
#9abffc
```
#9abffc rgb(154,191,252)
```

Tone Color Variation

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

Dichromacy

#c0c5e3 Protanopia 1% of men
#c8c2e7 Deuteranopia 1% of men
#b3cad8 Tritanopia 0.001% of the population

Trichromacy

#bbc5e3 Protanomaly 1% of men, 0.01% of women
#c0c3e6 Deuteranomaly 6% of men, 0.4% of women
#b2c8dc Tritanomaly 0.01% of the population

#b2c5e4 hex color

#b2c5e4 Color Information

#b2c5e4 Color Conversion

Color Schemes with #b2c5e4

Alternatives to #b2c5e4

#b2c5e4 Preview

Shades and Tints of #b2c5e4

Tones of #b2c5e4

Color Blindness Simulator