#b4c4ef hex color

In a RGB color space, hex #b4c4ef is composed of 70.6% red, 76.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 18% magenta, 0% yellow and 6.3% black. It has a hue angle of 223.7 degrees, a saturation of 64.8% and a lightness of 82.2%. #b4c4ef color hex could be obtained by blending #ffffff with #6989df. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 77
- B 94
RGB color chart
- C 25
- M 18
- Y 0
- K 6
CMYK color chart

● #b4c4ef color description : Very soft blue.

The hexadecimal color #b4c4ef has RGB values of R:180, G:196, B:239 and CMYK values of C:0.25, M:0.18, Y:0, K:0.06. Its decimal value is 11846895.

Hex triplet	b4c4ef	`#b4c4ef`
RGB Decimal	180, 196, 239	`rgb(180,196,239)`
RGB Percent	70.6, 76.9, 93.7	`rgb(70.6%,76.9%,93.7%)`
CMYK	25, 18, 0, 6
HSL	223.7°, 64.8, 82.2	`hsl(223.7,64.8%,82.2%)`
HSV (or HSB)	223.7°, 24.7, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.279, 3.785, -23.074
XYZ	54.139, 55.414, 89.5
xyY	0.272, 0.278, 55.414
CIE-LCH	79.279, 23.383, 279.315
CIE-LUV	79.279, -10.47, -37.214
Hunter-Lab	74.441, -0.452, -19.176
Binary	10110100, 11000100, 11101111

#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#efdfb4
```
#efdfb4 rgb(239,223,180)
```

Complementary Color

#b4e2ef
```
#b4e2ef rgb(180,226,239)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#c2b4ef
```
#c2b4ef rgb(194,180,239)
```

Analogous Color

#e2efb4
```
#e2efb4 rgb(226,239,180)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#efc2b4
```
#efc2b4 rgb(239,194,180)
```

Split Complementary Color

#c4efb4
```
#c4efb4 rgb(196,239,180)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#efb4c4
```
#efb4c4 rgb(239,180,196)
```

Triadic Color

#b4efdf
```
#b4efdf rgb(180,239,223)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#efb4c4
```
#efb4c4 rgb(239,180,196)
```
#efdfb4
```
#efdfb4 rgb(239,223,180)
```

Tetradic Color

#7592e2
```
#7592e2 rgb(117,146,226)
```
#8aa3e6
```
#8aa3e6 rgb(138,163,230)
```
#9fb3eb
```
#9fb3eb rgb(159,179,235)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#c9d5f3
```
#c9d5f3 rgb(201,213,243)
```
#dee5f8
```
#dee5f8 rgb(222,229,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Monochromatic Color

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

#b4d3ef
```
#b4d3ef rgb(180,211,239)
```
#b4ceef
```
#b4ceef rgb(180,206,239)
```
#b4c9ef
```
#b4c9ef rgb(180,201,239)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#b4bfef
```
#b4bfef rgb(180,191,239)
```
#b4baef
```
#b4baef rgb(180,186,239)
```
#b4b5ef
```
#b4b5ef rgb(180,181,239)
```

Similar Colors

Text with hexadecimal color #b4c4ef

This text has a font color of #b4c4ef.

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

#b4c4ef background color

This paragraph has a background color of #b4c4ef.

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

#b4c4ef border color

This element has a border color of #b4c4ef.

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

CSS codes

.text {color:#b4c4ef;}

.background {background-color:#b4c4ef;}

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050916
```
#050916 rgb(5,9,22)
```
#081026
```
#081026 rgb(8,16,38)
```
#0c1736
```
#0c1736 rgb(12,23,54)
```
#0f1e46
```
#0f1e46 rgb(15,30,70)
```
#122557
```
#122557 rgb(18,37,87)
```
#162c67
```
#162c67 rgb(22,44,103)
```
#193377
```
#193377 rgb(25,51,119)
```
#1d3a87
```
#1d3a87 rgb(29,58,135)
```
#204197
```
#204197 rgb(32,65,151)
```
#2447a7
```
#2447a7 rgb(36,71,167)
```
#274eb8
```
#274eb8 rgb(39,78,184)
```
#2b55c8
```
#2b55c8 rgb(43,85,200)
```

Shade Color Variation

#335ed3
```
#335ed3 rgb(51,94,211)
```
#436bd7
```
#436bd7 rgb(67,107,215)
```
#5378da
```
#5378da rgb(83,120,218)
```
#6384de
```
#6384de rgb(99,132,222)
```
#7391e1
```
#7391e1 rgb(115,145,225)
```
#849ee5
```
#849ee5 rgb(132,158,229)
```
#94abe8
```
#94abe8 rgb(148,171,232)
```
#a4b7ec
```
#a4b7ec rgb(164,183,236)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#c4d1f2
```
#c4d1f2 rgb(196,209,242)
```
#d4ddf6
```
#d4ddf6 rgb(212,221,246)
```
#e4eaf9
```
#e4eaf9 rgb(228,234,249)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#d0d1d3
```
#d0d1d3 rgb(208,209,211)
```
#cdcfd7
```
#cdcfd7 rgb(205,207,215)
```
#c9ceda
```
#c9ceda rgb(201,206,218)
```
#c6ccde
```
#c6ccde rgb(198,204,222)
```
#c2cae1
```
#c2cae1 rgb(194,202,225)
```
#bfc9e5
```
#bfc9e5 rgb(191,201,229)
```
#bbc7e8
```
#bbc7e8 rgb(187,199,232)
```
#b8c6ec
```
#b8c6ec rgb(184,198,236)
```
#b4c4ef
```
#b4c4ef rgb(180,196,239)
```
#b1c2f3
```
#b1c2f3 rgb(177,194,243)
```
#adc1f6
```
#adc1f6 rgb(173,193,246)
```
#aabffa
```
#aabffa rgb(170,191,250)
```
#a6befd
```
#a6befd rgb(166,190,253)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c1c4cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc5ee Protanopia 1% of men
#c3c3f1 Deuteranopia 1% of men
#b2cbd9 Tritanopia 0.001% of the population

Trichromacy

#bac5ee Protanomaly 1% of men, 0.01% of women
#bdc3f0 Deuteranomaly 6% of men, 0.4% of women
#b3c8e1 Tritanomaly 0.01% of the population

#b4c4ef hex color

#b4c4ef Color Information

#b4c4ef Color Conversion

Color Schemes with #b4c4ef

Alternatives to #b4c4ef

#b4c4ef Preview

Shades and Tints of #b4c4ef

Tones of #b4c4ef

Color Blindness Simulator