#b4cfe0 hex color

In a RGB color space, hex #b4cfe0 is composed of 70.6% red, 81.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 7.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 203.2 degrees, a saturation of 41.5% and a lightness of 79.2%. #b4cfe0 color hex could be obtained by blending #ffffff with #699fc1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 81
- B 88
RGB color chart
- C 20
- M 8
- Y 0
- K 12
CMYK color chart

● #b4cfe0 color description : Light grayish blue.

The hexadecimal color #b4cfe0 has RGB values of R:180, G:207, B:224 and CMYK values of C:0.2, M:0.08, Y:0, K:0.12. Its decimal value is 11849696.

Hex triplet	b4cfe0	`#b4cfe0`
RGB Decimal	180, 207, 224	`rgb(180,207,224)`
RGB Percent	70.6, 81.2, 87.8	`rgb(70.6%,81.2%,87.8%)`
CMYK	20, 8, 0, 12
HSL	203.2°, 41.5, 79.2	`hsl(203.2,41.5%,79.2%)`
HSV (or HSB)	203.2°, 19.6, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.68, -5.424, -11.427
XYZ	54.587, 59.71, 79.166
xyY	0.282, 0.309, 59.71
CIE-LCH	81.68, 12.649, 244.607
CIE-LUV	81.68, -14.87, -16.87
Hunter-Lab	77.272, -9.129, -6.653
Binary	10110100, 11001111, 11100000

#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#e0c5b4
```
#e0c5b4 rgb(224,197,180)
```

Complementary Color

#b4e0db
```
#b4e0db rgb(180,224,219)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#b4b9e0
```
#b4b9e0 rgb(180,185,224)
```

Analogous Color

#e0dbb4
```
#e0dbb4 rgb(224,219,180)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#e0b4b9
```
#e0b4b9 rgb(224,180,185)
```

Split Complementary Color

#cfe0b4
```
#cfe0b4 rgb(207,224,180)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#e0b4cf
```
#e0b4cf rgb(224,180,207)
```

Triadic Color

#b4e0c5
```
#b4e0c5 rgb(180,224,197)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#e0b4cf
```
#e0b4cf rgb(224,180,207)
```
#e0c5b4
```
#e0c5b4 rgb(224,197,180)
```

Tetradic Color

#7eacca
```
#7eacca rgb(126,172,202)
```
#90b8d1
```
#90b8d1 rgb(144,184,209)
```
#a2c3d9
```
#a2c3d9 rgb(162,195,217)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#c6dbe7
```
#c6dbe7 rgb(198,219,231)
```
#d8e6ef
```
#d8e6ef rgb(216,230,239)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```

Monochromatic Color

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

#b4dae0
```
#b4dae0 rgb(180,218,224)
```
#b4d6e0
```
#b4d6e0 rgb(180,214,224)
```
#b4d3e0
```
#b4d3e0 rgb(180,211,224)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#b4cbe0
```
#b4cbe0 rgb(180,203,224)
```
#b4c8e0
```
#b4c8e0 rgb(180,200,224)
```
#b4c4e0
```
#b4c4e0 rgb(180,196,224)
```

Similar Colors

Text with hexadecimal color #b4cfe0

This text has a font color of #b4cfe0.

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

#b4cfe0 background color

This paragraph has a background color of #b4cfe0.

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

#b4cfe0 border color

This element has a border color of #b4cfe0.

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

CSS codes

.text {color:#b4cfe0;}

.background {background-color:#b4cfe0;}

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091116
```
#091116 rgb(9,17,22)
```
#0f1c24
```
#0f1c24 rgb(15,28,36)
```
#152732
```
#152732 rgb(21,39,50)
```
#1a3140
```
#1a3140 rgb(26,49,64)
```
#203c4e
```
#203c4e rgb(32,60,78)
```
#26475c
```
#26475c rgb(38,71,92)
```
#2c5269
```
#2c5269 rgb(44,82,105)
```
#315c77
```
#315c77 rgb(49,92,119)
```
#376785
```
#376785 rgb(55,103,133)
```
#3d7293
```
#3d7293 rgb(61,114,147)
```
#437ca1
```
#437ca1 rgb(67,124,161)
```
#4887af
```
#4887af rgb(72,135,175)
```

Shade Color Variation

#5391b8
```
#5391b8 rgb(83,145,184)
```
#619abe
```
#619abe rgb(97,154,190)
```
#6fa3c3
```
#6fa3c3 rgb(111,163,195)
```
#7cabc9
```
#7cabc9 rgb(124,171,201)
```
#8ab4cf
```
#8ab4cf rgb(138,180,207)
```
#98bdd5
```
#98bdd5 rgb(152,189,213)
```
#a6c6da
```
#a6c6da rgb(166,198,218)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#c2d8e6
```
#c2d8e6 rgb(194,216,230)
```
#d0e1eb
```
#d0e1eb rgb(208,225,235)
```
#deeaf1
```
#deeaf1 rgb(222,234,241)
```
#ecf3f7
```
#ecf3f7 rgb(236,243,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#c8cacc
```
#c8cacc rgb(200,202,204)
```
#c4cbd0
```
#c4cbd0 rgb(196,203,208)
```
#c0ccd4
```
#c0ccd4 rgb(192,204,212)
```
#bccdd8
```
#bccdd8 rgb(188,205,216)
```
#b8cedc
```
#b8cedc rgb(184,206,220)
```
#b4cfe0
```
#b4cfe0 rgb(180,207,224)
```
#b0d0e4
```
#b0d0e4 rgb(176,208,228)
```
#acd1e8
```
#acd1e8 rgb(172,209,232)
```
#a8d2ec
```
#a8d2ec rgb(168,210,236)
```
#a4d3f0
```
#a4d3f0 rgb(164,211,240)
```
#a0d4f4
```
#a0d4f4 rgb(160,212,244)
```
#9cd5f8
```
#9cd5f8 rgb(156,213,248)
```
#97d5fd
```
#97d5fd rgb(151,213,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c5cace Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbccde Protanopia 1% of men
#d5c8e4 Deuteranopia 1% of men
#b7d1e0 Tritanopia 0.001% of the population

Trichromacy

#c3cddf Protanomaly 1% of men, 0.01% of women
#c9cae2 Deuteranomaly 6% of men, 0.4% of women
#b6d0e0 Tritanomaly 0.01% of the population

#b4cfe0 hex color

#b4cfe0 Color Information

#b4cfe0 Color Conversion

Color Schemes with #b4cfe0

Alternatives to #b4cfe0

#b4cfe0 Preview

Shades and Tints of #b4cfe0

Tones of #b4cfe0

Color Blindness Simulator