#b8dcff hex color

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

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

● #b8dcff color description : Pale blue.

The hexadecimal color #b8dcff has RGB values of R:184, G:220, B:255 and CMYK values of C:0.28, M:0.14, Y:0, K:0. Its decimal value is 12115199.

Hex triplet	b8dcff	`#b8dcff`
RGB Decimal	184, 220, 255	`rgb(184,220,255)`
RGB Percent	72.2, 86.3, 100	`rgb(72.2%,86.3%,100%)`
CMYK	28, 14, 0, 0
HSL	209.6°, 100, 86.1	`hsl(209.6,100%,86.1%)`
HSV (or HSB)	209.6°, 27.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.303, -4.075, -20.896
XYZ	63.406, 68.595, 104.502
xyY	0.268, 0.29, 68.595
CIE-LCH	86.303, 21.29, 258.964
CIE-LUV	86.303, -19.556, -32.76
Hunter-Lab	82.822, -8.284, -16.834
Binary	10111000, 11011100, 11111111

#b8dcff
```
#b8dcff rgb(184,220,255)
```
#ffdbb8
```
#ffdbb8 rgb(255,219,184)
```

Complementary Color

#b8ffff
```
#b8ffff rgb(184,255,255)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```
#b8b9ff
```
#b8b9ff rgb(184,185,255)
```

Analogous Color

#ffffb8
```
#ffffb8 rgb(255,255,184)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```
#ffb8b9
```
#ffb8b9 rgb(255,184,185)
```

Split Complementary Color

#dcffb8
```
#dcffb8 rgb(220,255,184)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```
#ffb8dc
```
#ffb8dc rgb(255,184,220)
```

Triadic Color

#b8ffdb
```
#b8ffdb rgb(184,255,219)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```
#ffb8dc
```
#ffb8dc rgb(255,184,220)
```
#ffdbb8
```
#ffdbb8 rgb(255,219,184)
```

Tetradic Color

#6cb6ff
```
#6cb6ff rgb(108,182,255)
```
#85c3ff
```
#85c3ff rgb(133,195,255)
```
#9fcfff
```
#9fcfff rgb(159,207,255)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```
#d2e9ff
```
#d2e9ff rgb(210,233,255)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b8eeff
```
#b8eeff rgb(184,238,255)
```
#b8e8ff
```
#b8e8ff rgb(184,232,255)
```
#b8e2ff
```
#b8e2ff rgb(184,226,255)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```
#b8d6ff
```
#b8d6ff rgb(184,214,255)
```
#b8d0ff
```
#b8d0ff rgb(184,208,255)
```
#b8caff
```
#b8caff rgb(184,202,255)
```

Similar Colors

Text with hexadecimal color #b8dcff

This text has a font color of #b8dcff.

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

#b8dcff background color

This paragraph has a background color of #b8dcff.

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

#b8dcff border color

This element has a border color of #b8dcff.

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

CSS codes

.text {color:#b8dcff;}

.background {background-color:#b8dcff;}

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

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

#000407
```
#000407 rgb(0,4,7)
```
#000e1b
```
#000e1b rgb(0,14,27)
```
#00182f
```
#00182f rgb(0,24,47)
```
#002242
```
#002242 rgb(0,34,66)
```
#002c56
```
#002c56 rgb(0,44,86)
```
#00366a
```
#00366a rgb(0,54,106)
```
#003f7d
```
#003f7d rgb(0,63,125)
```
#004991
```
#004991 rgb(0,73,145)
```
#0053a4
```
#0053a4 rgb(0,83,164)
```
#005db8
```
#005db8 rgb(0,93,184)
```
#0067cc
```
#0067cc rgb(0,103,204)
```
#0071df
```
#0071df rgb(0,113,223)
```
#007bf3
```
#007bf3 rgb(0,123,243)
```

Shade Color Variation

#0785ff
```
#0785ff rgb(7,133,255)
```
#1b8fff
```
#1b8fff rgb(27,143,255)
```
#2f98ff
```
#2f98ff rgb(47,152,255)
```
#42a2ff
```
#42a2ff rgb(66,162,255)
```
#56acff
```
#56acff rgb(86,172,255)
```
#6ab5ff
```
#6ab5ff rgb(106,181,255)
```
#7dbfff
```
#7dbfff rgb(125,191,255)
```
#91c9ff
```
#91c9ff rgb(145,201,255)
```
#a4d2ff
```
#a4d2ff rgb(164,210,255)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```
#cce6ff
```
#cce6ff rgb(204,230,255)
```
#dfefff
```
#dfefff rgb(223,239,255)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#d9dcde
```
#d9dcde rgb(217,220,222)
```
#d6dce1
```
#d6dce1 rgb(214,220,225)
```
#d3dce4
```
#d3dce4 rgb(211,220,228)
```
#d1dce6
```
#d1dce6 rgb(209,220,230)
```
#cedce9
```
#cedce9 rgb(206,220,233)
```
#cbdcec
```
#cbdcec rgb(203,220,236)
```
#c8dcef
```
#c8dcef rgb(200,220,239)
```
#c6dcf1
```
#c6dcf1 rgb(198,220,241)
```
#c3dcf4
```
#c3dcf4 rgb(195,220,244)
```
#c0dcf7
```
#c0dcf7 rgb(192,220,247)
```
#bddcfa
```
#bddcfa rgb(189,220,250)
```
#bbdcfc
```
#bbdcfc rgb(187,220,252)
```
#b8dcff
```
#b8dcff rgb(184,220,255)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#cfd6dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d8fb Protanopia 1% of men
#d9d5ff Deuteranopia 1% of men
#b7e0f0 Tritanopia 0.001% of the population

Trichromacy

#c9d9fc Protanomaly 1% of men, 0.01% of women
#cdd8ff Deuteranomaly 6% of men, 0.4% of women
#b7def5 Tritanomaly 0.01% of the population

#b8dcff hex color

#b8dcff Color Information

#b8dcff Color Conversion

Color Schemes with #b8dcff

Alternatives to #b8dcff

#b8dcff Preview

Shades and Tints of #b8dcff

Tones of #b8dcff

Color Blindness Simulator