#b1cfdc hex color

In a RGB color space, hex #b1cfdc is composed of 69.4% red, 81.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 5.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 198.1 degrees, a saturation of 38.1% and a lightness of 77.8%. #b1cfdc color hex could be obtained by blending #ffffff with #639fb9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 81
- B 86
RGB color chart
- C 20
- M 6
- Y 0
- K 14
CMYK color chart

● #b1cfdc color description : Light grayish blue.

The hexadecimal color #b1cfdc has RGB values of R:177, G:207, B:220 and CMYK values of C:0.2, M:0.06, Y:0, K:0.14. Its decimal value is 11653084.

Hex triplet	b1cfdc	`#b1cfdc`
RGB Decimal	177, 207, 220	`rgb(177,207,220)`
RGB Percent	69.4, 81.2, 86.3	`rgb(69.4%,81.2%,86.3%)`
CMYK	20, 6, 0, 14
HSL	198.1°, 38.1, 77.8	`hsl(198.1,38.1%,77.8%)`
HSV (or HSB)	198.1°, 19.5, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.368, -7.217, -9.776
XYZ	53.36, 59.139, 76.31
xyY	0.283, 0.313, 59.139
CIE-LCH	81.368, 12.151, 233.567
CIE-LUV	81.368, -16.2, -13.939
Hunter-Lab	76.902, -10.723, -5.002
Binary	10110001, 11001111, 11011100

#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#dcbeb1
```
#dcbeb1 rgb(220,190,177)
```

Complementary Color

#b1dcd4
```
#b1dcd4 rgb(177,220,212)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#b1badc
```
#b1badc rgb(177,186,220)
```

Analogous Color

#dcd4b1
```
#dcd4b1 rgb(220,212,177)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#dcb1ba
```
#dcb1ba rgb(220,177,186)
```

Split Complementary Color

#cfdcb1
```
#cfdcb1 rgb(207,220,177)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#dcb1cf
```
#dcb1cf rgb(220,177,207)
```

Triadic Color

#b1dcbe
```
#b1dcbe rgb(177,220,190)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#dcb1cf
```
#dcb1cf rgb(220,177,207)
```
#dcbeb1
```
#dcbeb1 rgb(220,190,177)
```

Tetradic Color

#7cafc4
```
#7cafc4 rgb(124,175,196)
```
#8eb9cc
```
#8eb9cc rgb(142,185,204)
```
#9fc4d4
```
#9fc4d4 rgb(159,196,212)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#c3dae4
```
#c3dae4 rgb(195,218,228)
```
#d4e5ec
```
#d4e5ec rgb(212,229,236)
```
#e6eff4
```
#e6eff4 rgb(230,239,244)
```

Monochromatic Color

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

#b1dadc
```
#b1dadc rgb(177,218,220)
```
#b1d6dc
```
#b1d6dc rgb(177,214,220)
```
#b1d3dc
```
#b1d3dc rgb(177,211,220)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#b1cbdc
```
#b1cbdc rgb(177,203,220)
```
#b1c8dc
```
#b1c8dc rgb(177,200,220)
```
#b1c4dc
```
#b1c4dc rgb(177,196,220)
```

Similar Colors

Text with hexadecimal color #b1cfdc

This text has a font color of #b1cfdc.

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

#b1cfdc background color

This paragraph has a background color of #b1cfdc.

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

#b1cfdc border color

This element has a border color of #b1cfdc.

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

CSS codes

.text {color:#b1cfdc;}

.background {background-color:#b1cfdc;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e191e
```
#0e191e rgb(14,25,30)
```
#14252c
```
#14252c rgb(20,37,44)
```
#1a3039
```
#1a3039 rgb(26,48,57)
```
#203b47
```
#203b47 rgb(32,59,71)
```
#264654
```
#264654 rgb(38,70,84)
```
#2c5262
```
#2c5262 rgb(44,82,98)
```
#325d70
```
#325d70 rgb(50,93,112)
```
#38687d
```
#38687d rgb(56,104,125)
```
#3e748b
```
#3e748b rgb(62,116,139)
```
#447f98
```
#447f98 rgb(68,127,152)
```
#4a8aa6
```
#4a8aa6 rgb(74,138,166)
```

Shade Color Variation

#5295b1
```
#5295b1 rgb(82,149,177)
```
#609db8
```
#609db8 rgb(96,157,184)
```
#6da5be
```
#6da5be rgb(109,165,190)
```
#7baec4
```
#7baec4 rgb(123,174,196)
```
#88b6ca
```
#88b6ca rgb(136,182,202)
```
#96bed0
```
#96bed0 rgb(150,190,208)
```
#a3c7d6
```
#a3c7d6 rgb(163,199,214)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#bfd7e2
```
#bfd7e2 rgb(191,215,226)
```
#cce0e8
```
#cce0e8 rgb(204,224,232)
```
#dae8ee
```
#dae8ee rgb(218,232,238)
```
#e7f0f4
```
#e7f0f4 rgb(231,240,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

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

#c2c8cb
```
#c2c8cb rgb(194,200,203)
```
#becacf
```
#becacf rgb(190,202,207)
```
#baccd3
```
#baccd3 rgb(186,204,211)
```
#b5cdd8
```
#b5cdd8 rgb(181,205,216)
```
#b1cfdc
```
#b1cfdc rgb(177,207,220)
```
#add1e0
```
#add1e0 rgb(173,209,224)
```
#a8d2e5
```
#a8d2e5 rgb(168,210,229)
```
#a4d4e9
```
#a4d4e9 rgb(164,212,233)
```
#a0d6ed
```
#a0d6ed rgb(160,214,237)
```
#9bd8f2
```
#9bd8f2 rgb(155,216,242)
```
#97d9f6
```
#97d9f6 rgb(151,217,246)
```
#93dbfa
```
#93dbfa rgb(147,219,250)
```
#8eddff
```
#8eddff rgb(142,221,255)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3c9cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbda Protanopia 1% of men
#d6c7e1 Deuteranopia 1% of men
#b5d1e0 Tritanopia 0.001% of the population

Trichromacy

#c2ccdb Protanomaly 1% of men, 0.01% of women
#c8cadf Deuteranomaly 6% of men, 0.4% of women
#b3d0de Tritanomaly 0.01% of the population

#b1cfdc hex color

#b1cfdc Color Information

#b1cfdc Color Conversion

Color Schemes with #b1cfdc

Alternatives to #b1cfdc

#b1cfdc Preview

Shades and Tints of #b1cfdc

Tones of #b1cfdc

Color Blindness Simulator