#b4c1ec hex color

In a RGB color space, hex #b4c1ec is composed of 70.6% red, 75.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 18.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 226.1 degrees, a saturation of 59.6% and a lightness of 81.6%. #b4c1ec color hex could be obtained by blending #ffffff with #6983d9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 76
- B 93
RGB color chart
- C 24
- M 18
- Y 0
- K 7
CMYK color chart

● #b4c1ec color description : Very soft blue.

The hexadecimal color #b4c1ec has RGB values of R:180, G:193, B:236 and CMYK values of C:0.24, M:0.18, Y:0, K:0.07. Its decimal value is 11846124.

Hex triplet	b4c1ec	`#b4c1ec`
RGB Decimal	180, 193, 236	`rgb(180,193,236)`
RGB Percent	70.6, 75.7, 92.5	`rgb(70.6%,75.7%,92.5%)`
CMYK	24, 18, 0, 7
HSL	226.1°, 59.6, 81.6	`hsl(226.1,59.6%,81.6%)`
HSV (or HSB)	226.1°, 23.7, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.402, 4.713, -22.798
XYZ	53.03, 53.898, 86.962
xyY	0.274, 0.278, 53.898
CIE-LCH	78.402, 23.28, 281.68
CIE-LUV	78.402, -9.022, -36.842
Hunter-Lab	73.416, 0.457, -18.839
Binary	10110100, 11000001, 11101100

#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#ecdfb4
```
#ecdfb4 rgb(236,223,180)
```

Complementary Color

#b4ddec
```
#b4ddec rgb(180,221,236)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#c3b4ec
```
#c3b4ec rgb(195,180,236)
```

Analogous Color

#ddecb4
```
#ddecb4 rgb(221,236,180)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#ecc3b4
```
#ecc3b4 rgb(236,195,180)
```

Split Complementary Color

#c1ecb4
```
#c1ecb4 rgb(193,236,180)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#ecb4c1
```
#ecb4c1 rgb(236,180,193)
```

Triadic Color

#b4ecdf
```
#b4ecdf rgb(180,236,223)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#ecb4c1
```
#ecb4c1 rgb(236,180,193)
```
#ecdfb4
```
#ecdfb4 rgb(236,223,180)
```

Tetradic Color

#778fdd
```
#778fdd rgb(119,143,221)
```
#8b9fe2
```
#8b9fe2 rgb(139,159,226)
```
#a0b0e7
```
#a0b0e7 rgb(160,176,231)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#c8d2f1
```
#c8d2f1 rgb(200,210,241)
```
#dde3f6
```
#dde3f6 rgb(221,227,246)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Monochromatic Color

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

#b4cfec
```
#b4cfec rgb(180,207,236)
```
#b4caec
```
#b4caec rgb(180,202,236)
```
#b4c6ec
```
#b4c6ec rgb(180,198,236)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#b4bcec
```
#b4bcec rgb(180,188,236)
```
#b4b8ec
```
#b4b8ec rgb(180,184,236)
```
#b5b4ec
```
#b5b4ec rgb(181,180,236)
```

Similar Colors

Text with hexadecimal color #b4c1ec

This text has a font color of #b4c1ec.

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

#b4c1ec background color

This paragraph has a background color of #b4c1ec.

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

#b4c1ec border color

This element has a border color of #b4c1ec.

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

CSS codes

.text {color:#b4c1ec;}

.background {background-color:#b4c1ec;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050813
```
#050813 rgb(5,8,19)
```
#090f23
```
#090f23 rgb(9,15,35)
```
#0d1532
```
#0d1532 rgb(13,21,50)
```
#111c42
```
#111c42 rgb(17,28,66)
```
#152352
```
#152352 rgb(21,35,82)
```
#192961
```
#192961 rgb(25,41,97)
```
#1d3071
```
#1d3071 rgb(29,48,113)
```
#213780
```
#213780 rgb(33,55,128)
```
#253d90
```
#253d90 rgb(37,61,144)
```
#2844a0
```
#2844a0 rgb(40,68,160)
```
#2c4baf
```
#2c4baf rgb(44,75,175)
```
#3052bf
```
#3052bf rgb(48,82,191)
```

Shade Color Variation

#3759cc
```
#3759cc rgb(55,89,204)
```
#4666d0
```
#4666d0 rgb(70,102,208)
```
#5673d4
```
#5673d4 rgb(86,115,212)
```
#6680d8
```
#6680d8 rgb(102,128,216)
```
#758ddc
```
#758ddc rgb(117,141,220)
```
#859ae0
```
#859ae0 rgb(133,154,224)
```
#95a7e4
```
#95a7e4 rgb(149,167,228)
```
#a4b4e8
```
#a4b4e8 rgb(164,180,232)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#c4cef0
```
#c4cef0 rgb(196,206,240)
```
#d3dbf4
```
#d3dbf4 rgb(211,219,244)
```
#e3e8f8
```
#e3e8f8 rgb(227,232,248)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

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

#cdcfd3
```
#cdcfd3 rgb(205,207,211)
```
#cacdd6
```
#cacdd6 rgb(202,205,214)
```
#c6cbda
```
#c6cbda rgb(198,203,218)
```
#c2c9de
```
#c2c9de rgb(194,201,222)
```
#bfc7e1
```
#bfc7e1 rgb(191,199,225)
```
#bbc5e5
```
#bbc5e5 rgb(187,197,229)
```
#b8c3e8
```
#b8c3e8 rgb(184,195,232)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#b0bff0
```
#b0bff0 rgb(176,191,240)
```
#adbdf3
```
#adbdf3 rgb(173,189,243)
```
#a9bbf7
```
#a9bbf7 rgb(169,187,247)
```
#a6b9fa
```
#a6b9fa rgb(166,185,250)
```
#a2b7fe
```
#a2b7fe rgb(162,183,254)
```

Tone Color Variation

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

Dichromacy

#bbc3ec Protanopia 1% of men
#c1c1ed Deuteranopia 1% of men
#b2c8d6 Tritanopia 0.001% of the population

Trichromacy

#b8c2ec Protanomaly 1% of men, 0.01% of women
#bcc1ed Deuteranomaly 6% of men, 0.4% of women
#b3c5de Tritanomaly 0.01% of the population

#b4c1ec hex color

#b4c1ec Color Information

#b4c1ec Color Conversion

Color Schemes with #b4c1ec

Alternatives to #b4c1ec

#b4c1ec Preview

Shades and Tints of #b4c1ec

Tones of #b4c1ec

Color Blindness Simulator