#b8d4ff hex color

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

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

● #b8d4ff color description : Pale blue.

The hexadecimal color #b8d4ff has RGB values of R:184, G:212, B:255 and CMYK values of C:0.28, M:0.17, Y:0, K:0. Its decimal value is 12113151.

Hex triplet	b8d4ff	`#b8d4ff`
RGB Decimal	184, 212, 255	`rgb(184,212,255)`
RGB Percent	72.2, 83.1, 100	`rgb(72.2%,83.1%,100%)`
CMYK	28, 17, 0, 0
HSL	216.3°, 100, 86.1	`hsl(216.3,100%,86.1%)`
HSV (or HSB)	216.3°, 27.8, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.223, 0.13, -24.051
XYZ	61.357, 64.496, 103.818
xyY	0.267, 0.281, 64.496
CIE-LCH	84.223, 24.051, 270.31
CIE-LUV	84.223, -16.116, -38.58
Hunter-Lab	80.309, -4.166, -20.43
Binary	10111000, 11010100, 11111111

#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#ffe3b8
```
#ffe3b8 rgb(255,227,184)
```

Complementary Color

#b8f8ff
```
#b8f8ff rgb(184,248,255)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#c0b8ff
```
#c0b8ff rgb(192,184,255)
```

Analogous Color

#f8ffb8
```
#f8ffb8 rgb(248,255,184)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#ffc0b8
```
#ffc0b8 rgb(255,192,184)
```

Split Complementary Color

#d4ffb8
```
#d4ffb8 rgb(212,255,184)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#ffb8d4
```
#ffb8d4 rgb(255,184,212)
```

Triadic Color

#b8ffe3
```
#b8ffe3 rgb(184,255,227)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#ffb8d4
```
#ffb8d4 rgb(255,184,212)
```
#ffe3b8
```
#ffe3b8 rgb(255,227,184)
```

Tetradic Color

#6ca6ff
```
#6ca6ff rgb(108,166,255)
```
#85b5ff
```
#85b5ff rgb(133,181,255)
```
#9fc5ff
```
#9fc5ff rgb(159,197,255)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#d2e3ff
```
#d2e3ff rgb(210,227,255)
```
#ebf3ff
```
#ebf3ff rgb(235,243,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b8e6ff
```
#b8e6ff rgb(184,230,255)
```
#b8e0ff
```
#b8e0ff rgb(184,224,255)
```
#b8daff
```
#b8daff rgb(184,218,255)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#b8ceff
```
#b8ceff rgb(184,206,255)
```
#b8c8ff
```
#b8c8ff rgb(184,200,255)
```
#b8c2ff
```
#b8c2ff rgb(184,194,255)
```

Similar Colors

Text with hexadecimal color #b8d4ff

This text has a font color of #b8d4ff.

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

#b8d4ff background color

This paragraph has a background color of #b8d4ff.

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

#b8d4ff border color

This element has a border color of #b8d4ff.

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

CSS codes

.text {color:#b8d4ff;}

.background {background-color:#b8d4ff;}

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000b1b
```
#000b1b rgb(0,11,27)
```
#00122f
```
#00122f rgb(0,18,47)
```
#001a42
```
#001a42 rgb(0,26,66)
```
#002256
```
#002256 rgb(0,34,86)
```
#002a6a
```
#002a6a rgb(0,42,106)
```
#00317d
```
#00317d rgb(0,49,125)
```
#003991
```
#003991 rgb(0,57,145)
```
#0041a4
```
#0041a4 rgb(0,65,164)
```
#0049b8
```
#0049b8 rgb(0,73,184)
```
#0050cc
```
#0050cc rgb(0,80,204)
```
#0058df
```
#0058df rgb(0,88,223)
```
#0060f3
```
#0060f3 rgb(0,96,243)
```

Shade Color Variation

#0769ff
```
#0769ff rgb(7,105,255)
```
#1b75ff
```
#1b75ff rgb(27,117,255)
```
#2f81ff
```
#2f81ff rgb(47,129,255)
```
#428dff
```
#428dff rgb(66,141,255)
```
#5699ff
```
#5699ff rgb(86,153,255)
```
#6aa4ff
```
#6aa4ff rgb(106,164,255)
```
#7db0ff
```
#7db0ff rgb(125,176,255)
```
#91bcff
```
#91bcff rgb(145,188,255)
```
#a4c8ff
```
#a4c8ff rgb(164,200,255)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#cce0ff
```
#cce0ff rgb(204,224,255)
```
#dfecff
```
#dfecff rgb(223,236,255)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#d9dbde
```
#d9dbde rgb(217,219,222)
```
#d6dae1
```
#d6dae1 rgb(214,218,225)
```
#d3dae4
```
#d3dae4 rgb(211,218,228)
```
#d1d9e6
```
#d1d9e6 rgb(209,217,230)
```
#ced9e9
```
#ced9e9 rgb(206,217,233)
```
#cbd8ec
```
#cbd8ec rgb(203,216,236)
```
#c8d7ef
```
#c8d7ef rgb(200,215,239)
```
#c6d7f1
```
#c6d7f1 rgb(198,215,241)
```
#c3d6f4
```
#c3d6f4 rgb(195,214,244)
```
#c0d6f7
```
#c0d6f7 rgb(192,214,247)
```
#bdd5fa
```
#bdd5fa rgb(189,213,250)
```
#bbd5fc
```
#bbd5fc rgb(187,213,252)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#ccd2da Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad2fc Protanopia 1% of men
#d0d0ff Deuteranopia 1% of men
#b6dae9 Tritanopia 0.001% of the population

Trichromacy

#c3d3fd Protanomaly 1% of men, 0.01% of women
#c7d1ff Deuteranomaly 6% of men, 0.4% of women
#b6d7f1 Tritanomaly 0.01% of the population

#b8d4ff hex color

#b8d4ff Color Information

#b8d4ff Color Conversion

Color Schemes with #b8d4ff

Alternatives to #b8d4ff

#b8d4ff Preview

Shades and Tints of #b8d4ff

Tones of #b8d4ff

Color Blindness Simulator