#b8ddff hex color

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

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

● #b8ddff color description : Pale blue.

The hexadecimal color #b8ddff has RGB values of R:184, G:221, B:255 and CMYK values of C:0.28, M:0.13, Y:0, K:0. Its decimal value is 12115455.

Hex triplet	b8ddff	`#b8ddff`
RGB Decimal	184, 221, 255	`rgb(184,221,255)`
RGB Percent	72.2, 86.7, 100	`rgb(72.2%,86.7%,100%)`
CMYK	28, 13, 0, 0
HSL	208.7°, 100, 86.1	`hsl(208.7,100%,86.1%)`
HSV (or HSB)	208.7°, 27.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.564, -4.597, -20.501
XYZ	63.67, 69.121, 104.589
xyY	0.268, 0.291, 69.121
CIE-LCH	86.564, 21.01, 257.361
CIE-LUV	86.564, -19.987, -32.032
Hunter-Lab	83.139, -8.795, -16.389
Binary	10111000, 11011101, 11111111

#b8ddff
```
#b8ddff rgb(184,221,255)
```
#ffdab8
```
#ffdab8 rgb(255,218,184)
```

Complementary Color

#b8fffe
```
#b8fffe rgb(184,255,254)
```
#b8ddff
```
#b8ddff rgb(184,221,255)
```
#b8baff
```
#b8baff rgb(184,186,255)
```

Analogous Color

#fffeb8
```
#fffeb8 rgb(255,254,184)
```
#b8ddff
```
#b8ddff rgb(184,221,255)
```
#ffb8ba
```
#ffb8ba rgb(255,184,186)
```

Split Complementary Color

#ddffb8
```
#ddffb8 rgb(221,255,184)
```
#b8ddff
```
#b8ddff rgb(184,221,255)
```
#ffb8dd
```
#ffb8dd rgb(255,184,221)
```

Triadic Color

#b8ffda
```
#b8ffda rgb(184,255,218)
```
#b8ddff
```
#b8ddff rgb(184,221,255)
```
#ffb8dd
```
#ffb8dd rgb(255,184,221)
```
#ffdab8
```
#ffdab8 rgb(255,218,184)
```

Tetradic Color

#6cb8ff
```
#6cb8ff rgb(108,184,255)
```
#85c5ff
```
#85c5ff rgb(133,197,255)
```
#9fd1ff
```
#9fd1ff rgb(159,209,255)
```
#b8ddff
```
#b8ddff rgb(184,221,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 #b8ddff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b8efff
```
#b8efff rgb(184,239,255)
```
#b8e9ff
```
#b8e9ff rgb(184,233,255)
```
#b8e3ff
```
#b8e3ff rgb(184,227,255)
```
#b8ddff
```
#b8ddff rgb(184,221,255)
```
#b8d7ff
```
#b8d7ff rgb(184,215,255)
```
#b8d1ff
```
#b8d1ff rgb(184,209,255)
```
#b8cbff
```
#b8cbff rgb(184,203,255)
```

Similar Colors

Text with hexadecimal color #b8ddff

This text has a font color of #b8ddff.

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

#b8ddff background color

This paragraph has a background color of #b8ddff.

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

#b8ddff border color

This element has a border color of #b8ddff.

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

CSS codes

.text {color:#b8ddff;}

.background {background-color:#b8ddff;}

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

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)
```
#002342
```
#002342 rgb(0,35,66)
```
#002d56
```
#002d56 rgb(0,45,86)
```
#00376a
```
#00376a rgb(0,55,106)
```
#00417d
```
#00417d rgb(0,65,125)
```
#004b91
```
#004b91 rgb(0,75,145)
```
#0056a4
```
#0056a4 rgb(0,86,164)
```
#0060b8
```
#0060b8 rgb(0,96,184)
```
#006acc
```
#006acc rgb(0,106,204)
```
#0074df
```
#0074df rgb(0,116,223)
```
#007ff3
```
#007ff3 rgb(0,127,243)
```

Shade Color Variation

#0788ff
```
#0788ff rgb(7,136,255)
```
#1b92ff
```
#1b92ff rgb(27,146,255)
```
#2f9bff
```
#2f9bff rgb(47,155,255)
```
#42a5ff
```
#42a5ff rgb(66,165,255)
```
#56aeff
```
#56aeff rgb(86,174,255)
```
#6ab7ff
```
#6ab7ff rgb(106,183,255)
```
#7dc1ff
```
#7dc1ff rgb(125,193,255)
```
#91caff
```
#91caff rgb(145,202,255)
```
#a4d4ff
```
#a4d4ff rgb(164,212,255)
```
#b8ddff
```
#b8ddff rgb(184,221,255)
```
#cce6ff
```
#cce6ff rgb(204,230,255)
```
#dff0ff
```
#dff0ff rgb(223,240,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 #b8ddff 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)
```
#c3ddf4
```
#c3ddf4 rgb(195,221,244)
```
#c0ddf7
```
#c0ddf7 rgb(192,221,247)
```
#bdddfa
```
#bdddfa rgb(189,221,250)
```
#bbddfc
```
#bbddfc rgb(187,221,252)
```
#b8ddff
```
#b8ddff rgb(184,221,255)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d0d7de Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d8fb Protanopia 1% of men
#dad6ff Deuteranopia 1% of men
#b8e1f1 Tritanopia 0.001% of the population

Trichromacy

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

#b8ddff hex color

#b8ddff Color Information

#b8ddff Color Conversion

Color Schemes with #b8ddff

Alternatives to #b8ddff

#b8ddff Preview

Shades and Tints of #b8ddff

Tones of #b8ddff

Color Blindness Simulator