#b1d7ee hex color

In a RGB color space, hex #b1d7ee is composed of 69.4% red, 84.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 9.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 202.6 degrees, a saturation of 64.2% and a lightness of 81.4%. #b1d7ee color hex could be obtained by blending #ffffff with #63afdd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 84
- B 93
RGB color chart
- C 26
- M 10
- Y 0
- K 7
CMYK color chart

● #b1d7ee color description : Very soft blue.

The hexadecimal color #b1d7ee has RGB values of R:177, G:215, B:238 and CMYK values of C:0.26, M:0.1, Y:0, K:0.07. Its decimal value is 11655150.

Hex triplet	b1d7ee	`#b1d7ee`
RGB Decimal	177, 215, 238	`rgb(177,215,238)`
RGB Percent	69.4, 84.3, 93.3	`rgb(69.4%,84.3%,93.3%)`
CMYK	26, 10, 0, 7
HSL	202.6°, 64.2, 81.4	`hsl(202.6,64.2%,81.4%)`
HSV (or HSB)	202.6°, 25.6, 93.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.028, -7.395, -15.382
XYZ	57.861, 64.119, 90.212
xyY	0.273, 0.302, 64.119
CIE-LCH	84.028, 17.068, 244.323
CIE-LUV	84.028, -20.171, -23.039
Hunter-Lab	80.075, -11.148, -10.744
Binary	10110001, 11010111, 11101110

#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#eec8b1
```
#eec8b1 rgb(238,200,177)
```

Complementary Color

#b1eee7
```
#b1eee7 rgb(177,238,231)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#b1b9ee
```
#b1b9ee rgb(177,185,238)
```

Analogous Color

#eee7b1
```
#eee7b1 rgb(238,231,177)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#eeb1b9
```
#eeb1b9 rgb(238,177,185)
```

Split Complementary Color

#d7eeb1
```
#d7eeb1 rgb(215,238,177)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#eeb1d7
```
#eeb1d7 rgb(238,177,215)
```

Triadic Color

#b1eec8
```
#b1eec8 rgb(177,238,200)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#eeb1d7
```
#eeb1d7 rgb(238,177,215)
```
#eec8b1
```
#eec8b1 rgb(238,200,177)
```

Tetradic Color

#72b7e0
```
#72b7e0 rgb(114,183,224)
```
#87c2e5
```
#87c2e5 rgb(135,194,229)
```
#9ccce9
```
#9ccce9 rgb(156,204,233)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#c6e2f3
```
#c6e2f3 rgb(198,226,243)
```
#dbecf7
```
#dbecf7 rgb(219,236,247)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Monochromatic Color

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

#b1e6ee
```
#b1e6ee rgb(177,230,238)
```
#b1e1ee
```
#b1e1ee rgb(177,225,238)
```
#b1dcee
```
#b1dcee rgb(177,220,238)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#b1d2ee
```
#b1d2ee rgb(177,210,238)
```
#b1cdee
```
#b1cdee rgb(177,205,238)
```
#b1c8ee
```
#b1c8ee rgb(177,200,238)
```

Similar Colors

Text with hexadecimal color #b1d7ee

This text has a font color of #b1d7ee.

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

#b1d7ee background color

This paragraph has a background color of #b1d7ee.

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

#b1d7ee border color

This element has a border color of #b1d7ee.

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

CSS codes

.text {color:#b1d7ee;}

.background {background-color:#b1d7ee;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040d13
```
#040d13 rgb(4,13,19)
```
#081823
```
#081823 rgb(8,24,35)
```
#0b2433
```
#0b2433 rgb(11,36,51)
```
#0f2f43
```
#0f2f43 rgb(15,47,67)
```
#123b53
```
#123b53 rgb(18,59,83)
```
#164663
```
#164663 rgb(22,70,99)
```
#195173
```
#195173 rgb(25,81,115)
```
#1d5d83
```
#1d5d83 rgb(29,93,131)
```
#206893
```
#206893 rgb(32,104,147)
```
#2473a4
```
#2473a4 rgb(36,115,164)
```
#277fb4
```
#277fb4 rgb(39,127,180)
```
#2b8ac4
```
#2b8ac4 rgb(43,138,196)
```

Shade Color Variation

#3095d2
```
#3095d2 rgb(48,149,210)
```
#409dd5
```
#409dd5 rgb(64,157,213)
```
#50a5d9
```
#50a5d9 rgb(80,165,217)
```
#60aedc
```
#60aedc rgb(96,174,220)
```
#71b6e0
```
#71b6e0 rgb(113,182,224)
```
#81bee3
```
#81bee3 rgb(129,190,227)
```
#91c6e7
```
#91c6e7 rgb(145,198,231)
```
#a1cfea
```
#a1cfea rgb(161,207,234)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#c1dff2
```
#c1dff2 rgb(193,223,242)
```
#d1e8f5
```
#d1e8f5 rgb(209,232,245)
```
#e1f0f9
```
#e1f0f9 rgb(225,240,249)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Tint Color Variation

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

#ced0d1
```
#ced0d1 rgb(206,208,209)
```
#cbd1d4
```
#cbd1d4 rgb(203,209,212)
```
#c7d2d8
```
#c7d2d8 rgb(199,210,216)
```
#c3d3dc
```
#c3d3dc rgb(195,211,220)
```
#c0d3df
```
#c0d3df rgb(192,211,223)
```
#bcd4e3
```
#bcd4e3 rgb(188,212,227)
```
#b8d5e7
```
#b8d5e7 rgb(184,213,231)
```
#b5d6ea
```
#b5d6ea rgb(181,214,234)
```
#b1d7ee
```
#b1d7ee rgb(177,215,238)
```
#add8f2
```
#add8f2 rgb(173,216,242)
```
#aad9f5
```
#aad9f5 rgb(170,217,245)
```
#a6daf9
```
#a6daf9 rgb(166,218,249)
```
#a2dbfd
```
#a2dbfd rgb(162,219,253)
```

Tone Color Variation

Below, you can see how #b1d7ee 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
#c8d0d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d2eb Protanopia 1% of men
#d8cff2 Deuteranopia 1% of men
#b3d9e9 Tritanopia 0.001% of the population

Trichromacy

#c4d4ec Protanomaly 1% of men, 0.01% of women
#c9d1f0 Deuteranomaly 6% of men, 0.4% of women
#b2d8eb Tritanomaly 0.01% of the population

#b1d7ee hex color

#b1d7ee Color Information

#b1d7ee Color Conversion

Color Schemes with #b1d7ee

Alternatives to #b1d7ee

#b1d7ee Preview

Shades and Tints of #b1d7ee

Tones of #b1d7ee

Color Blindness Simulator