#b2c4de hex color

In a RGB color space, hex #b2c4de is composed of 69.8% red, 76.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 11.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 215.5 degrees, a saturation of 40% and a lightness of 78.4%. #b2c4de color hex could be obtained by blending #ffffff with #6589bd. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 77
- B 87
RGB color chart
- C 20
- M 12
- Y 0
- K 13
CMYK color chart

● #b2c4de color description : Light grayish blue.

The hexadecimal color #b2c4de has RGB values of R:178, G:196, B:222 and CMYK values of C:0.2, M:0.12, Y:0, K:0.13. Its decimal value is 11715806.

Hex triplet	b2c4de	`#b2c4de`
RGB Decimal	178, 196, 222	`rgb(178,196,222)`
RGB Percent	69.8, 76.9, 87.1	`rgb(69.8%,76.9%,87.1%)`
CMYK	20, 12, 0, 13
HSL	215.5°, 40, 78.4	`hsl(215.5,40%,78.4%)`
HSV (or HSB)	215.5°, 19.8, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	78.589, -0.661, -14.999
XYZ	51.282, 54.218, 76.866
xyY	0.281, 0.297, 54.218
CIE-LCH	78.589, 15.014, 267.475
CIE-LUV	78.589, -10.762, -23.264
Hunter-Lab	73.633, -4.54, -10.351
Binary	10110010, 11000100, 11011110

#b2c4de
```
#b2c4de rgb(178,196,222)
```
#deccb2
```
#deccb2 rgb(222,204,178)
```

Complementary Color

#b2dade
```
#b2dade rgb(178,218,222)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#b6b2de
```
#b6b2de rgb(182,178,222)
```

Analogous Color

#dadeb2
```
#dadeb2 rgb(218,222,178)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#deb6b2
```
#deb6b2 rgb(222,182,178)
```

Split Complementary Color

#c4deb2
```
#c4deb2 rgb(196,222,178)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#deb2c4
```
#deb2c4 rgb(222,178,196)
```

Triadic Color

#b2decc
```
#b2decc rgb(178,222,204)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#deb2c4
```
#deb2c4 rgb(222,178,196)
```
#deccb2
```
#deccb2 rgb(222,204,178)
```

Tetradic Color

#7c9bc7
```
#7c9bc7 rgb(124,155,199)
```
#8ea9cf
```
#8ea9cf rgb(142,169,207)
```
#a0b6d6
```
#a0b6d6 rgb(160,182,214)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#c4d2e6
```
#c4d2e6 rgb(196,210,230)
```
#d6dfed
```
#d6dfed rgb(214,223,237)
```
#e8edf5
```
#e8edf5 rgb(232,237,245)
```

Monochromatic Color

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

#b2cfde
```
#b2cfde rgb(178,207,222)
```
#b2cbde
```
#b2cbde rgb(178,203,222)
```
#b2c8de
```
#b2c8de rgb(178,200,222)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#b2c0de
```
#b2c0de rgb(178,192,222)
```
#b2bdde
```
#b2bdde rgb(178,189,222)
```
#b2b9de
```
#b2b9de rgb(178,185,222)
```

Similar Colors

Text with hexadecimal color #b2c4de

This text has a font color of #b2c4de.

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

#b2c4de background color

This paragraph has a background color of #b2c4de.

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

#b2c4de border color

This element has a border color of #b2c4de.

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

CSS codes

.text {color:#b2c4de;}

.background {background-color:#b2c4de;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080d13
```
#080d13 rgb(8,13,19)
```
#0e1621
```
#0e1621 rgb(14,22,33)
```
#141f2f
```
#141f2f rgb(20,31,47)
```
#1a283c
```
#1a283c rgb(26,40,60)
```
#20314a
```
#20314a rgb(32,49,74)
```
#263a58
```
#263a58 rgb(38,58,88)
```
#2c4366
```
#2c4366 rgb(44,67,102)
```
#314c73
```
#314c73 rgb(49,76,115)
```
#375581
```
#375581 rgb(55,85,129)
```
#3d5f8f
```
#3d5f8f rgb(61,95,143)
```
#43689c
```
#43689c rgb(67,104,156)
```
#4971aa
```
#4971aa rgb(73,113,170)
```

Shade Color Variation

#527ab5
```
#527ab5 rgb(82,122,181)
```
#6085bb
```
#6085bb rgb(96,133,187)
```
#6d8fc1
```
#6d8fc1 rgb(109,143,193)
```
#7b9ac6
```
#7b9ac6 rgb(123,154,198)
```
#89a4cc
```
#89a4cc rgb(137,164,204)
```
#97afd2
```
#97afd2 rgb(151,175,210)
```
#a4b9d8
```
#a4b9d8 rgb(164,185,216)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#c0cfe4
```
#c0cfe4 rgb(192,207,228)
```
#cdd9ea
```
#cdd9ea rgb(205,217,234)
```
#dbe4f0
```
#dbe4f0 rgb(219,228,240)
```
#e9eef6
```
#e9eef6 rgb(233,238,246)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#c7c8c9
```
#c7c8c9 rgb(199,200,201)
```
#c3c7cd
```
#c3c7cd rgb(195,199,205)
```
#bfc6d1
```
#bfc6d1 rgb(191,198,209)
```
#bac6d6
```
#bac6d6 rgb(186,198,214)
```
#b6c5da
```
#b6c5da rgb(182,197,218)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#aec3e2
```
#aec3e2 rgb(174,195,226)
```
#aac2e6
```
#aac2e6 rgb(170,194,230)
```
#a5c2eb
```
#a5c2eb rgb(165,194,235)
```
#a1c1ef
```
#a1c1ef rgb(161,193,239)
```
#9dc0f3
```
#9dc0f3 rgb(157,192,243)
```
#99bff7
```
#99bff7 rgb(153,191,247)
```
#94bffc
```
#94bffc rgb(148,191,252)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc2c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c4de Protanopia 1% of men
#c9c1e1 Deuteranopia 1% of men
#b4c8d7 Tritanopia 0.001% of the population

Trichromacy

#bbc4de Protanomaly 1% of men, 0.01% of women
#c1c2e0 Deuteranomaly 6% of men, 0.4% of women
#b3c6d9 Tritanomaly 0.01% of the population

#b2c4de hex color

#b2c4de Color Information

#b2c4de Color Conversion

Color Schemes with #b2c4de

Alternatives to #b2c4de

#b2c4de Preview

Shades and Tints of #b2c4de

Tones of #b2c4de

Color Blindness Simulator