#b4ccef hex color

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

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

● #b4ccef color description : Very soft blue.

The hexadecimal color #b4ccef has RGB values of R:180, G:204, B:239 and CMYK values of C:0.25, M:0.15, Y:0, K:0.06. Its decimal value is 11848943.

Hex triplet	b4ccef	`#b4ccef`
RGB Decimal	180, 204, 239	`rgb(180,204,239)`
RGB Percent	70.6, 80, 93.7	`rgb(70.6%,80%,93.7%)`
CMYK	25, 15, 0, 6
HSL	215.6°, 64.8, 82.2	`hsl(215.6,64.8%,82.2%)`
HSV (or HSB)	215.6°, 24.7, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.357, -0.498, -19.921
XYZ	55.992, 59.12, 90.118
xyY	0.273, 0.288, 59.12
CIE-LCH	81.357, 19.928, 268.569
CIE-LUV	81.357, -13.984, -31.456
Hunter-Lab	76.889, -4.57, -15.668
Binary	10110100, 11001100, 11101111

#b4ccef
```
#b4ccef rgb(180,204,239)
```
#efd7b4
```
#efd7b4 rgb(239,215,180)
```

Complementary Color

#b4eaef
```
#b4eaef rgb(180,234,239)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#bab4ef
```
#bab4ef rgb(186,180,239)
```

Analogous Color

#eaefb4
```
#eaefb4 rgb(234,239,180)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#efbab4
```
#efbab4 rgb(239,186,180)
```

Split Complementary Color

#ccefb4
```
#ccefb4 rgb(204,239,180)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#efb4cc
```
#efb4cc rgb(239,180,204)
```

Triadic Color

#b4efd7
```
#b4efd7 rgb(180,239,215)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#efb4cc
```
#efb4cc rgb(239,180,204)
```
#efd7b4
```
#efd7b4 rgb(239,215,180)
```

Tetradic Color

#75a1e2
```
#75a1e2 rgb(117,161,226)
```
#8aafe6
```
#8aafe6 rgb(138,175,230)
```
#9fbeeb
```
#9fbeeb rgb(159,190,235)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#c9daf3
```
#c9daf3 rgb(201,218,243)
```
#dee9f8
```
#dee9f8 rgb(222,233,248)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Monochromatic Color

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

#b4dbef
```
#b4dbef rgb(180,219,239)
```
#b4d6ef
```
#b4d6ef rgb(180,214,239)
```
#b4d1ef
```
#b4d1ef rgb(180,209,239)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#b4c7ef
```
#b4c7ef rgb(180,199,239)
```
#b4c2ef
```
#b4c2ef rgb(180,194,239)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```

Similar Colors

Text with hexadecimal color #b4ccef

This text has a font color of #b4ccef.

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

#b4ccef background color

This paragraph has a background color of #b4ccef.

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

#b4ccef border color

This element has a border color of #b4ccef.

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

CSS codes

.text {color:#b4ccef;}

.background {background-color:#b4ccef;}

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050c16
```
#050c16 rgb(5,12,22)
```
#081426
```
#081426 rgb(8,20,38)
```
#0c1d36
```
#0c1d36 rgb(12,29,54)
```
#0f2646
```
#0f2646 rgb(15,38,70)
```
#122e57
```
#122e57 rgb(18,46,87)
```
#163767
```
#163767 rgb(22,55,103)
```
#193f77
```
#193f77 rgb(25,63,119)
```
#1d4887
```
#1d4887 rgb(29,72,135)
```
#205197
```
#205197 rgb(32,81,151)
```
#2459a7
```
#2459a7 rgb(36,89,167)
```
#2762b8
```
#2762b8 rgb(39,98,184)
```
#2b6bc8
```
#2b6bc8 rgb(43,107,200)
```

Shade Color Variation

#3374d3
```
#3374d3 rgb(51,116,211)
```
#437fd7
```
#437fd7 rgb(67,127,215)
```
#538ada
```
#538ada rgb(83,138,218)
```
#6395de
```
#6395de rgb(99,149,222)
```
#73a0e1
```
#73a0e1 rgb(115,160,225)
```
#84abe5
```
#84abe5 rgb(132,171,229)
```
#94b6e8
```
#94b6e8 rgb(148,182,232)
```
#a4c1ec
```
#a4c1ec rgb(164,193,236)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#c4d7f2
```
#c4d7f2 rgb(196,215,242)
```
#d4e2f6
```
#d4e2f6 rgb(212,226,246)
```
#e4edf9
```
#e4edf9 rgb(228,237,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,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 #a6c9fd is the most saturated one.

#d0d1d3
```
#d0d1d3 rgb(208,209,211)
```
#cdd1d7
```
#cdd1d7 rgb(205,209,215)
```
#c9d0da
```
#c9d0da rgb(201,208,218)
```
#c6cfde
```
#c6cfde rgb(198,207,222)
```
#c2cfe1
```
#c2cfe1 rgb(194,207,225)
```
#bfcee5
```
#bfcee5 rgb(191,206,229)
```
#bbcde8
```
#bbcde8 rgb(187,205,232)
```
#b8cdec
```
#b8cdec rgb(184,205,236)
```
#b4ccef
```
#b4ccef rgb(180,204,239)
```
#b1cbf3
```
#b1cbf3 rgb(177,203,243)
```
#adcbf6
```
#adcbf6 rgb(173,203,246)
```
#aacafa
```
#aacafa rgb(170,202,250)
```
#a6c9fd
```
#a6c9fd rgb(166,201,253)
```

Tone Color Variation

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

Dichromacy

#c5cbed Protanopia 1% of men
#ccc8f1 Deuteranopia 1% of men
#b4d1e0 Tritanopia 0.001% of the population

Trichromacy

#bfcbee Protanomaly 1% of men, 0.01% of women
#c3c9f0 Deuteranomaly 6% of men, 0.4% of women
#b4cfe5 Tritanomaly 0.01% of the population

#b4ccef hex color

#b4ccef Color Information

#b4ccef Color Conversion

Color Schemes with #b4ccef

Alternatives to #b4ccef

#b4ccef Preview

Shades and Tints of #b4ccef

Tones of #b4ccef

Color Blindness Simulator