#b5d1ff hex color

In a RGB color space, hex #b5d1ff is composed of 71% red, 82% green and 100% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 18% magenta, 0% yellow and 0% black. It has a hue angle of 217.3 degrees, a saturation of 100% and a lightness of 85.5%. #b5d1ff color hex could be obtained by blending #ffffff with #6ba3ff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 82
- B 100
RGB color chart
- C 29
- M 18
- Y 0
- K 0
CMYK color chart

● #b5d1ff color description : Pale blue.

The hexadecimal color #b5d1ff has RGB values of R:181, G:209, B:255 and CMYK values of C:0.29, M:0.18, Y:0, K:0. Its decimal value is 11915775.

Hex triplet	b5d1ff	`#b5d1ff`
RGB Decimal	181, 209, 255	`rgb(181,209,255)`
RGB Percent	71, 82, 100	`rgb(71%,82%,100%)`
CMYK	29, 18, 0, 0
HSL	217.3°, 100, 85.5	`hsl(217.3,100%,85.5%)`
HSV (or HSB)	217.3°, 29, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.254, 0.866, -25.544
XYZ	59.903, 62.643, 103.537
xyY	0.265, 0.277, 62.643
CIE-LCH	83.254, 25.559, 271.941
CIE-LUV	83.254, -16.184, -41.146
Hunter-Lab	79.147, -3.41, -22.158
Binary	10110101, 11010001, 11111111

#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#ffe3b5
```
#ffe3b5 rgb(255,227,181)
```

Complementary Color

#b5f6ff
```
#b5f6ff rgb(181,246,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#beb5ff
```
#beb5ff rgb(190,181,255)
```

Analogous Color

#f6ffb5
```
#f6ffb5 rgb(246,255,181)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#ffbeb5
```
#ffbeb5 rgb(255,190,181)
```

Split Complementary Color

#d1ffb5
```
#d1ffb5 rgb(209,255,181)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#ffb5d1
```
#ffb5d1 rgb(255,181,209)
```

Triadic Color

#b5ffe3
```
#b5ffe3 rgb(181,255,227)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#ffb5d1
```
#ffb5d1 rgb(255,181,209)
```
#ffe3b5
```
#ffe3b5 rgb(255,227,181)
```

Tetradic Color

#69a1ff
```
#69a1ff rgb(105,161,255)
```
#82b1ff
```
#82b1ff rgb(130,177,255)
```
#9cc1ff
```
#9cc1ff rgb(156,193,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#cfe1ff
```
#cfe1ff rgb(207,225,255)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b5e4ff
```
#b5e4ff rgb(181,228,255)
```
#b5ddff
```
#b5ddff rgb(181,221,255)
```
#b5d7ff
```
#b5d7ff rgb(181,215,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#b5cbff
```
#b5cbff rgb(181,203,255)
```
#b5c5ff
```
#b5c5ff rgb(181,197,255)
```
#b5bfff
```
#b5bfff rgb(181,191,255)
```

Similar Colors

Text with hexadecimal color #b5d1ff

This text has a font color of #b5d1ff.

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

#b5d1ff background color

This paragraph has a background color of #b5d1ff.

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

#b5d1ff border color

This element has a border color of #b5d1ff.

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

CSS codes

.text {color:#b5d1ff;}

.background {background-color:#b5d1ff;}

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000918
```
#000918 rgb(0,9,24)
```
#00112c
```
#00112c rgb(0,17,44)
```
#00183f
```
#00183f rgb(0,24,63)
```
#001f53
```
#001f53 rgb(0,31,83)
```
#002767
```
#002767 rgb(0,39,103)
```
#002e7a
```
#002e7a rgb(0,46,122)
```
#00368e
```
#00368e rgb(0,54,142)
```
#003da1
```
#003da1 rgb(0,61,161)
```
#0044b5
```
#0044b5 rgb(0,68,181)
```
#004cc9
```
#004cc9 rgb(0,76,201)
```
#0053dc
```
#0053dc rgb(0,83,220)
```
#005bf0
```
#005bf0 rgb(0,91,240)
```

Shade Color Variation

#0463ff
```
#0463ff rgb(4,99,255)
```
#186fff
```
#186fff rgb(24,111,255)
```
#2c7cff
```
#2c7cff rgb(44,124,255)
```
#3f88ff
```
#3f88ff rgb(63,136,255)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#67a0ff
```
#67a0ff rgb(103,160,255)
```
#7aacff
```
#7aacff rgb(122,172,255)
```
#8eb9ff
```
#8eb9ff rgb(142,185,255)
```
#a1c5ff
```
#a1c5ff rgb(161,197,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#c9ddff
```
#c9ddff rgb(201,221,255)
```
#dce9ff
```
#dce9ff rgb(220,233,255)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#d7d9dd
```
#d7d9dd rgb(215,217,221)
```
#d4d9e0
```
#d4d9e0 rgb(212,217,224)
```
#d1d8e3
```
#d1d8e3 rgb(209,216,227)
```
#cfd7e5
```
#cfd7e5 rgb(207,215,229)
```
#ccd7e8
```
#ccd7e8 rgb(204,215,232)
```
#c9d6eb
```
#c9d6eb rgb(201,214,235)
```
#c6d5ee
```
#c6d5ee rgb(198,213,238)
```
#c3d4f1
```
#c3d4f1 rgb(195,212,241)
```
#c0d4f4
```
#c0d4f4 rgb(192,212,244)
```
#bed3f6
```
#bed3f6 rgb(190,211,246)
```
#bbd2f9
```
#bbd2f9 rgb(187,210,249)
```
#b8d2fc
```
#b8d2fc rgb(184,210,252)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c9cfd8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cffc Protanopia 1% of men
#ccceff Deuteranopia 1% of men
#b2d7e7 Tritanopia 0.001% of the population

Trichromacy

#c0d0fd Protanomaly 1% of men, 0.01% of women
#c3cfff Deuteranomaly 6% of men, 0.4% of women
#b3d5ef Tritanomaly 0.01% of the population

#b5d1ff hex color

#b5d1ff Color Information

#b5d1ff Color Conversion

Color Schemes with #b5d1ff

Alternatives to #b5d1ff

#b5d1ff Preview

Shades and Tints of #b5d1ff

Tones of #b5d1ff

Color Blindness Simulator