#b4ceec hex color

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

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

● #b4ceec color description : Very soft blue.

The hexadecimal color #b4ceec has RGB values of R:180, G:206, B:236 and CMYK values of C:0.24, M:0.13, Y:0, K:0.07. Its decimal value is 11849452.

Hex triplet	b4ceec	`#b4ceec`
RGB Decimal	180, 206, 236	`rgb(180,206,236)`
RGB Percent	70.6, 80.8, 92.5	`rgb(70.6%,80.8%,92.5%)`
CMYK	24, 13, 0, 7
HSL	212.1°, 59.6, 81.6	`hsl(212.1,59.6%,81.6%)`
HSV (or HSB)	212.1°, 23.7, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.784, -2.24, -17.676
XYZ	56.031, 59.901, 87.962
xyY	0.275, 0.294, 59.901
CIE-LCH	81.784, 17.817, 262.776
CIE-LUV	81.784, -14.774, -27.511
Hunter-Lab	77.396, -6.217, -13.208
Binary	10110100, 11001110, 11101100

#b4ceec
```
#b4ceec rgb(180,206,236)
```
#ecd2b4
```
#ecd2b4 rgb(236,210,180)
```

Complementary Color

#b4eaec
```
#b4eaec rgb(180,234,236)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#b6b4ec
```
#b6b4ec rgb(182,180,236)
```

Analogous Color

#eaecb4
```
#eaecb4 rgb(234,236,180)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#ecb6b4
```
#ecb6b4 rgb(236,182,180)
```

Split Complementary Color

#ceecb4
```
#ceecb4 rgb(206,236,180)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#ecb4ce
```
#ecb4ce rgb(236,180,206)
```

Triadic Color

#b4ecd2
```
#b4ecd2 rgb(180,236,210)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#ecb4ce
```
#ecb4ce rgb(236,180,206)
```
#ecd2b4
```
#ecd2b4 rgb(236,210,180)
```

Tetradic Color

#77a6dd
```
#77a6dd rgb(119,166,221)
```
#8bb3e2
```
#8bb3e2 rgb(139,179,226)
```
#a0c1e7
```
#a0c1e7 rgb(160,193,231)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#c8dbf1
```
#c8dbf1 rgb(200,219,241)
```
#dde9f6
```
#dde9f6 rgb(221,233,246)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Monochromatic Color

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

#b4dcec
```
#b4dcec rgb(180,220,236)
```
#b4d7ec
```
#b4d7ec rgb(180,215,236)
```
#b4d3ec
```
#b4d3ec rgb(180,211,236)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#b4c9ec
```
#b4c9ec rgb(180,201,236)
```
#b4c5ec
```
#b4c5ec rgb(180,197,236)
```
#b4c0ec
```
#b4c0ec rgb(180,192,236)
```

Similar Colors

Text with hexadecimal color #b4ceec

This text has a font color of #b4ceec.

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

#b4ceec background color

This paragraph has a background color of #b4ceec.

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

#b4ceec border color

This element has a border color of #b4ceec.

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

CSS codes

.text {color:#b4ceec;}

.background {background-color:#b4ceec;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050b13
```
#050b13 rgb(5,11,19)
```
#091523
```
#091523 rgb(9,21,35)
```
#0d1e32
```
#0d1e32 rgb(13,30,50)
```
#112842
```
#112842 rgb(17,40,66)
```
#153152
```
#153152 rgb(21,49,82)
```
#193a61
```
#193a61 rgb(25,58,97)
```
#1d4471
```
#1d4471 rgb(29,68,113)
```
#214d80
```
#214d80 rgb(33,77,128)
```
#255690
```
#255690 rgb(37,86,144)
```
#2860a0
```
#2860a0 rgb(40,96,160)
```
#2c69af
```
#2c69af rgb(44,105,175)
```
#3073bf
```
#3073bf rgb(48,115,191)
```

Shade Color Variation

#377ccc
```
#377ccc rgb(55,124,204)
```
#4686d0
```
#4686d0 rgb(70,134,208)
```
#5691d4
```
#5691d4 rgb(86,145,212)
```
#669bd8
```
#669bd8 rgb(102,155,216)
```
#75a5dc
```
#75a5dc rgb(117,165,220)
```
#85afe0
```
#85afe0 rgb(133,175,224)
```
#95bae4
```
#95bae4 rgb(149,186,228)
```
#a4c4e8
```
#a4c4e8 rgb(164,196,232)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#c4d8f0
```
#c4d8f0 rgb(196,216,240)
```
#d3e2f4
```
#d3e2f4 rgb(211,226,244)
```
#e3edf8
```
#e3edf8 rgb(227,237,248)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

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

#cdd0d3
```
#cdd0d3 rgb(205,208,211)
```
#cad0d6
```
#cad0d6 rgb(202,208,214)
```
#c6cfda
```
#c6cfda rgb(198,207,218)
```
#c2cfde
```
#c2cfde rgb(194,207,222)
```
#bfcfe1
```
#bfcfe1 rgb(191,207,225)
```
#bbcfe5
```
#bbcfe5 rgb(187,207,229)
```
#b8cee8
```
#b8cee8 rgb(184,206,232)
```
#b4ceec
```
#b4ceec rgb(180,206,236)
```
#b0cef0
```
#b0cef0 rgb(176,206,240)
```
#adcdf3
```
#adcdf3 rgb(173,205,243)
```
#a9cdf7
```
#a9cdf7 rgb(169,205,247)
```
#a6cdfa
```
#a6cdfa rgb(166,205,250)
```
#a2cdfe
```
#a2cdfe rgb(162,205,254)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c6cbd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8ccea Protanopia 1% of men
#cfc9ef Deuteranopia 1% of men
#b5d2e1 Tritanopia 0.001% of the population

Trichromacy

#c0cdeb Protanomaly 1% of men, 0.01% of women
#c5cbee Deuteranomaly 6% of men, 0.4% of women
#b4d0e5 Tritanomaly 0.01% of the population

#b4ceec hex color

#b4ceec Color Information

#b4ceec Color Conversion

Color Schemes with #b4ceec

Alternatives to #b4ceec

#b4ceec Preview

Shades and Tints of #b4ceec

Tones of #b4ceec

Color Blindness Simulator