#b1d1df hex color

In a RGB color space, hex #b1d1df is composed of 69.4% red, 82% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 6.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 198.3 degrees, a saturation of 41.8% and a lightness of 78.4%. #b1d1df color hex could be obtained by blending #ffffff with #63a3bf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 82
- B 87
RGB color chart
- C 21
- M 6
- Y 0
- K 13
CMYK color chart

● #b1d1df color description : Very soft blue.

The hexadecimal color #b1d1df has RGB values of R:177, G:209, B:223 and CMYK values of C:0.21, M:0.06, Y:0, K:0.13. Its decimal value is 11653599.

Hex triplet	b1d1df	`#b1d1df`
RGB Decimal	177, 209, 223	`rgb(177,209,223)`
RGB Percent	69.4, 82, 87.5	`rgb(69.4%,82%,87.5%)`
CMYK	21, 6, 0, 13
HSL	198.3°, 41.8, 78.4	`hsl(198.3,41.8%,78.4%)`
HSV (or HSB)	198.3°, 20.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.987, -7.609, -10.456
XYZ	54.248, 60.274, 78.584
xyY	0.281, 0.312, 60.274
CIE-LCH	81.987, 12.932, 233.957
CIE-LUV	81.987, -17.183, -14.976
Hunter-Lab	77.637, -11.138, -5.668
Binary	10110001, 11010001, 11011111

#b1d1df
```
#b1d1df rgb(177,209,223)
```
#dfbfb1
```
#dfbfb1 rgb(223,191,177)
```

Complementary Color

#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#b1badf
```
#b1badf rgb(177,186,223)
```

Analogous Color

#dfd6b1
```
#dfd6b1 rgb(223,214,177)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#dfb1ba
```
#dfb1ba rgb(223,177,186)
```

Split Complementary Color

#d1dfb1
```
#d1dfb1 rgb(209,223,177)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#dfb1d1
```
#dfb1d1 rgb(223,177,209)
```

Triadic Color

#b1dfbf
```
#b1dfbf rgb(177,223,191)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#dfb1d1
```
#dfb1d1 rgb(223,177,209)
```
#dfbfb1
```
#dfbfb1 rgb(223,191,177)
```

Tetradic Color

#7bb1c9
```
#7bb1c9 rgb(123,177,201)
```
#8dbcd0
```
#8dbcd0 rgb(141,188,208)
```
#9fc6d8
```
#9fc6d8 rgb(159,198,216)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#c3dce6
```
#c3dce6 rgb(195,220,230)
```
#d5e6ee
```
#d5e6ee rgb(213,230,238)
```
#e7f1f5
```
#e7f1f5 rgb(231,241,245)
```

Monochromatic Color

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

#b1dddf
```
#b1dddf rgb(177,221,223)
```
#b1d9df
```
#b1d9df rgb(177,217,223)
```
#b1d5df
```
#b1d5df rgb(177,213,223)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#b1cddf
```
#b1cddf rgb(177,205,223)
```
#b1c9df
```
#b1c9df rgb(177,201,223)
```
#b1c6df
```
#b1c6df rgb(177,198,223)
```

Similar Colors

Text with hexadecimal color #b1d1df

This text has a font color of #b1d1df.

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

#b1d1df background color

This paragraph has a background color of #b1d1df.

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

#b1d1df border color

This element has a border color of #b1d1df.

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

CSS codes

.text {color:#b1d1df;}

.background {background-color:#b1d1df;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0e1b21
```
#0e1b21 rgb(14,27,33)
```
#13272f
```
#13272f rgb(19,39,47)
```
#19323d
```
#19323d rgb(25,50,61)
```
#1f3e4b
```
#1f3e4b rgb(31,62,75)
```
#244959
```
#244959 rgb(36,73,89)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#306075
```
#306075 rgb(48,96,117)
```
#366b83
```
#366b83 rgb(54,107,131)
```
#3b7791
```
#3b7791 rgb(59,119,145)
```
#41829e
```
#41829e rgb(65,130,158)
```
#478dac
```
#478dac rgb(71,141,172)
```

Shade Color Variation

#5098b7
```
#5098b7 rgb(80,152,183)
```
#5ea0bd
```
#5ea0bd rgb(94,160,189)
```
#6ba8c2
```
#6ba8c2 rgb(107,168,194)
```
#79b0c8
```
#79b0c8 rgb(121,176,200)
```
#87b8ce
```
#87b8ce rgb(135,184,206)
```
#95c1d4
```
#95c1d4 rgb(149,193,212)
```
#a3c9d9
```
#a3c9d9 rgb(163,201,217)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#bfd9e5
```
#bfd9e5 rgb(191,217,229)
```
#cde1ea
```
#cde1ea rgb(205,225,234)
```
#dbeaf0
```
#dbeaf0 rgb(219,234,240)
```
#e9f2f6
```
#e9f2f6 rgb(233,242,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#c6c9ca
```
#c6c9ca rgb(198,201,202)
```
#c2cace
```
#c2cace rgb(194,202,206)
```
#beccd2
```
#beccd2 rgb(190,204,210)
```
#b9ced7
```
#b9ced7 rgb(185,206,215)
```
#b5cfdb
```
#b5cfdb rgb(181,207,219)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#add3e3
```
#add3e3 rgb(173,211,227)
```
#a9d4e7
```
#a9d4e7 rgb(169,212,231)
```
#a4d6ec
```
#a4d6ec rgb(164,214,236)
```
#a0d8f0
```
#a0d8f0 rgb(160,216,240)
```
#9cd9f4
```
#9cd9f4 rgb(156,217,244)
```
#98dbf8
```
#98dbf8 rgb(152,219,248)
```
#93ddfd
```
#93ddfd rgb(147,221,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4cbcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcddd Protanopia 1% of men
#d7c9e4 Deuteranopia 1% of men
#b5d3e2 Tritanopia 0.001% of the population

Trichromacy

#c3cedd Protanomaly 1% of men, 0.01% of women
#c9cce2 Deuteranomaly 6% of men, 0.4% of women
#b3d2e1 Tritanomaly 0.01% of the population

#b1d1df hex color

#b1d1df Color Information

#b1d1df Color Conversion

Color Schemes with #b1d1df

Alternatives to #b1d1df

#b1d1df Preview

Shades and Tints of #b1d1df

Tones of #b1d1df

Color Blindness Simulator