#b4cae2 hex color

In a RGB color space, hex #b4cae2 is composed of 70.6% red, 79.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 10.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 211.3 degrees, a saturation of 44.2% and a lightness of 79.6%. #b4cae2 color hex could be obtained by blending #ffffff with #6995c5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 79
- B 89
RGB color chart
- C 20
- M 11
- Y 0
- K 11
CMYK color chart

● #b4cae2 color description : Very soft blue.

The hexadecimal color #b4cae2 has RGB values of R:180, G:202, B:226 and CMYK values of C:0.2, M:0.11, Y:0, K:0.11. Its decimal value is 11848418.

Hex triplet	b4cae2	`#b4cae2`
RGB Decimal	180, 202, 226	`rgb(180,202,226)`
RGB Percent	70.6, 79.2, 88.6	`rgb(70.6%,79.2%,88.6%)`
CMYK	20, 11, 0, 11
HSL	211.3°, 44.2, 79.6	`hsl(211.3,44.2%,79.6%)`
HSV (or HSB)	211.3°, 20.4, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.423, -2.353, -14.378
XYZ	53.668, 57.434, 80.206
xyY	0.281, 0.3, 57.434
CIE-LCH	80.423, 14.57, 260.704
CIE-LUV	80.423, -12.658, -22.066
Hunter-Lab	75.785, -6.22, -9.698
Binary	10110100, 11001010, 11100010

#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#e2ccb4
```
#e2ccb4 rgb(226,204,180)
```

Complementary Color

#b4e1e2
```
#b4e1e2 rgb(180,225,226)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#b5b4e2
```
#b5b4e2 rgb(181,180,226)
```

Analogous Color

#e1e2b4
```
#e1e2b4 rgb(225,226,180)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#e2b5b4
```
#e2b5b4 rgb(226,181,180)
```

Split Complementary Color

#cae2b4
```
#cae2b4 rgb(202,226,180)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#e2b4ca
```
#e2b4ca rgb(226,180,202)
```

Triadic Color

#b4e2cc
```
#b4e2cc rgb(180,226,204)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#e2b4ca
```
#e2b4ca rgb(226,180,202)
```
#e2ccb4
```
#e2ccb4 rgb(226,204,180)
```

Tetradic Color

#7da3cd
```
#7da3cd rgb(125,163,205)
```
#8fb0d4
```
#8fb0d4 rgb(143,176,212)
```
#a2bddb
```
#a2bddb rgb(162,189,219)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#c6d7e9
```
#c6d7e9 rgb(198,215,233)
```
#d9e4f0
```
#d9e4f0 rgb(217,228,240)
```
#ebf1f7
```
#ebf1f7 rgb(235,241,247)
```

Monochromatic Color

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

#b4d6e2
```
#b4d6e2 rgb(180,214,226)
```
#b4d2e2
```
#b4d2e2 rgb(180,210,226)
```
#b4cee2
```
#b4cee2 rgb(180,206,226)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#b4c6e2
```
#b4c6e2 rgb(180,198,226)
```
#b4c2e2
```
#b4c2e2 rgb(180,194,226)
```
#b4bfe2
```
#b4bfe2 rgb(180,191,226)
```

Similar Colors

Text with hexadecimal color #b4cae2

This text has a font color of #b4cae2.

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

#b4cae2 background color

This paragraph has a background color of #b4cae2.

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

#b4cae2 border color

This element has a border color of #b4cae2.

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

CSS codes

.text {color:#b4cae2;}

.background {background-color:#b4cae2;}

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#091018
```
#091018 rgb(9,16,24)
```
#0f1a26
```
#0f1a26 rgb(15,26,38)
```
#142434
```
#142434 rgb(20,36,52)
```
#1a2d42
```
#1a2d42 rgb(26,45,66)
```
#1f3751
```
#1f3751 rgb(31,55,81)
```
#25405f
```
#25405f rgb(37,64,95)
```
#2a4a6d
```
#2a4a6d rgb(42,74,109)
```
#30547b
```
#30547b rgb(48,84,123)
```
#355d89
```
#355d89 rgb(53,93,137)
```
#3b6797
```
#3b6797 rgb(59,103,151)
```
#4071a5
```
#4071a5 rgb(64,113,165)
```
#457ab4
```
#457ab4 rgb(69,122,180)
```

Shade Color Variation

#5184bc
```
#5184bc rgb(81,132,188)
```
#5f8ec1
```
#5f8ec1 rgb(95,142,193)
```
#6d98c7
```
#6d98c7 rgb(109,152,199)
```
#7ba2cc
```
#7ba2cc rgb(123,162,204)
```
#8aacd2
```
#8aacd2 rgb(138,172,210)
```
#98b6d7
```
#98b6d7 rgb(152,182,215)
```
#a6c0dd
```
#a6c0dd rgb(166,192,221)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#c2d4e7
```
#c2d4e7 rgb(194,212,231)
```
#d0deed
```
#d0deed rgb(208,222,237)
```
#dee8f2
```
#dee8f2 rgb(222,232,242)
```
#edf2f8
```
#edf2f8 rgb(237,242,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#c8cbce
```
#c8cbce rgb(200,203,206)
```
#c4cbd2
```
#c4cbd2 rgb(196,203,210)
```
#c0cbd6
```
#c0cbd6 rgb(192,203,214)
```
#bccada
```
#bccada rgb(188,202,218)
```
#b8cade
```
#b8cade rgb(184,202,222)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#b0cae6
```
#b0cae6 rgb(176,202,230)
```
#accaea
```
#accaea rgb(172,202,234)
```
#a8c9ee
```
#a8c9ee rgb(168,201,238)
```
#a4c9f2
```
#a4c9f2 rgb(164,201,242)
```
#a0c9f6
```
#a0c9f6 rgb(160,201,246)
```
#9cc9fa
```
#9cc9fa rgb(156,201,250)
```
#98c9fe
```
#98c9fe rgb(152,201,254)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c2c7cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c8e1 Protanopia 1% of men
#cfc5e5 Deuteranopia 1% of men
#b6cddc Tritanopia 0.001% of the population

Trichromacy

#bfc9e1 Protanomaly 1% of men, 0.01% of women
#c5c7e4 Deuteranomaly 6% of men, 0.4% of women
#b5ccde Tritanomaly 0.01% of the population

#b4cae2 hex color

#b4cae2 Color Information

#b4cae2 Color Conversion

Color Schemes with #b4cae2

Alternatives to #b4cae2

#b4cae2 Preview

Shades and Tints of #b4cae2

Tones of #b4cae2

Color Blindness Simulator