#b8ccff hex color

In a RGB color space, hex #b8ccff is composed of 72.2% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 223.1 degrees, a saturation of 100% and a lightness of 86.1%. #b8ccff color hex could be obtained by blending #ffffff with #7199ff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 72
- G 80
- B 100
RGB color chart
- C 28
- M 20
- Y 0
- K 0
CMYK color chart

● #b8ccff color description : Pale blue.

The hexadecimal color #b8ccff has RGB values of R:184, G:204, B:255 and CMYK values of C:0.28, M:0.2, Y:0, K:0. Its decimal value is 12111103.

Hex triplet	b8ccff	`#b8ccff`
RGB Decimal	184, 204, 255	`rgb(184,204,255)`
RGB Percent	72.2, 80, 100	`rgb(72.2%,80%,100%)`
CMYK	28, 20, 0, 0
HSL	223.1°, 100, 86.1	`hsl(223.1,100%,86.1%)`
HSV (or HSB)	223.1°, 27.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.16, 4.393, -27.196
XYZ	59.406, 60.595, 103.168
xyY	0.266, 0.272, 60.595
CIE-LCH	82.16, 27.548, 279.177
CIE-LUV	82.16, -12.689, -44.386
Hunter-Lab	77.843, -0.001, -24.09
Binary	10111000, 11001100, 11111111

#b8ccff
```
#b8ccff rgb(184,204,255)
```
#ffebb8
```
#ffebb8 rgb(255,235,184)
```

Complementary Color

#b8f0ff
```
#b8f0ff rgb(184,240,255)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#c8b8ff
```
#c8b8ff rgb(200,184,255)
```

Analogous Color

#f0ffb8
```
#f0ffb8 rgb(240,255,184)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#ffc8b8
```
#ffc8b8 rgb(255,200,184)
```

Split Complementary Color

#ccffb8
```
#ccffb8 rgb(204,255,184)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#ffb8cc
```
#ffb8cc rgb(255,184,204)
```

Triadic Color

#b8ffeb
```
#b8ffeb rgb(184,255,235)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#ffb8cc
```
#ffb8cc rgb(255,184,204)
```
#ffebb8
```
#ffebb8 rgb(255,235,184)
```

Tetradic Color

#6c95ff
```
#6c95ff rgb(108,149,255)
```
#85a7ff
```
#85a7ff rgb(133,167,255)
```
#9fbaff
```
#9fbaff rgb(159,186,255)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#d2deff
```
#d2deff rgb(210,222,255)
```
#ebf1ff
```
#ebf1ff rgb(235,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b8deff
```
#b8deff rgb(184,222,255)
```
#b8d8ff
```
#b8d8ff rgb(184,216,255)
```
#b8d2ff
```
#b8d2ff rgb(184,210,255)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#b8c6ff
```
#b8c6ff rgb(184,198,255)
```
#b8c0ff
```
#b8c0ff rgb(184,192,255)
```
#b8baff
```
#b8baff rgb(184,186,255)
```

Similar Colors

Text with hexadecimal color #b8ccff

This text has a font color of #b8ccff.

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

#b8ccff background color

This paragraph has a background color of #b8ccff.

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

#b8ccff border color

This element has a border color of #b8ccff.

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

CSS codes

.text {color:#b8ccff;}

.background {background-color:#b8ccff;}

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00081b
```
#00081b rgb(0,8,27)
```
#000d2f
```
#000d2f rgb(0,13,47)
```
#001342
```
#001342 rgb(0,19,66)
```
#001856
```
#001856 rgb(0,24,86)
```
#001e6a
```
#001e6a rgb(0,30,106)
```
#00237d
```
#00237d rgb(0,35,125)
```
#002991
```
#002991 rgb(0,41,145)
```
#002ea4
```
#002ea4 rgb(0,46,164)
```
#0034b8
```
#0034b8 rgb(0,52,184)
```
#0039cc
```
#0039cc rgb(0,57,204)
```
#003fdf
```
#003fdf rgb(0,63,223)
```
#0044f3
```
#0044f3 rgb(0,68,243)
```

Shade Color Variation

#074dff
```
#074dff rgb(7,77,255)
```
#1b5bff
```
#1b5bff rgb(27,91,255)
```
#2f69ff
```
#2f69ff rgb(47,105,255)
```
#4277ff
```
#4277ff rgb(66,119,255)
```
#5686ff
```
#5686ff rgb(86,134,255)
```
#6a94ff
```
#6a94ff rgb(106,148,255)
```
#7da2ff
```
#7da2ff rgb(125,162,255)
```
#91b0ff
```
#91b0ff rgb(145,176,255)
```
#a4beff
```
#a4beff rgb(164,190,255)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#ccdaff
```
#ccdaff rgb(204,218,255)
```
#dfe8ff
```
#dfe8ff rgb(223,232,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#d9dade
```
#d9dade rgb(217,218,222)
```
#d6d9e1
```
#d6d9e1 rgb(214,217,225)
```
#d3d8e4
```
#d3d8e4 rgb(211,216,228)
```
#d1d7e6
```
#d1d7e6 rgb(209,215,230)
```
#ced6e9
```
#ced6e9 rgb(206,214,233)
```
#cbd4ec
```
#cbd4ec rgb(203,212,236)
```
#c8d3ef
```
#c8d3ef rgb(200,211,239)
```
#c6d2f1
```
#c6d2f1 rgb(198,210,241)
```
#c3d1f4
```
#c3d1f4 rgb(195,209,244)
```
#c0d0f7
```
#c0d0f7 rgb(192,208,247)
```
#bdcefa
```
#bdcefa rgb(189,206,250)
```
#bbcdfc
```
#bbcdfc rgb(187,205,252)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8ccd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2cdfd Protanopia 1% of men
#c7cbff Deuteranopia 1% of men
#b4d3e3 Tritanopia 0.001% of the population

Trichromacy

#beccfe Protanomaly 1% of men, 0.01% of women
#c1cbff Deuteranomaly 6% of men, 0.4% of women
#b5d1ed Tritanomaly 0.01% of the population

#b8ccff hex color

#b8ccff Color Information

#b8ccff Color Conversion

Color Schemes with #b8ccff

Alternatives to #b8ccff

#b8ccff Preview

Shades and Tints of #b8ccff

Tones of #b8ccff

Color Blindness Simulator