#b1ccce hex color

In a RGB color space, hex #b1ccce is composed of 69.4% red, 80% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 1% magenta, 0% yellow and 19.2% black. It has a hue angle of 184.1 degrees, a saturation of 22.8% and a lightness of 75.1%. #b1ccce color hex could be obtained by blending #ffffff with #63999d. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 80
- B 81
RGB color chart
- C 14
- M 1
- Y 0
- K 19
CMYK color chart

● #b1ccce color description : Grayish cyan.

The hexadecimal color #b1ccce has RGB values of R:177, G:204, B:206 and CMYK values of C:0.14, M:0.01, Y:0, K:0.19. Its decimal value is 11652302.

Hex triplet	b1ccce	`#b1ccce`
RGB Decimal	177, 204, 206	`rgb(177,204,206)`
RGB Percent	69.4, 80, 80.8	`rgb(69.4%,80%,80.8%)`
CMYK	14, 1, 0, 19
HSL	184.1°, 22.8, 75.1	`hsl(184.1,22.8%,75.1%)`
HSV (or HSB)	184.1°, 14.1, 80.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.173, -8.604, -4.05
XYZ	50.862, 56.988, 66.709
xyY	0.291, 0.326, 56.988
CIE-LCH	80.173, 9.509, 205.209
CIE-LUV	80.173, -14.443, -4.711
Hunter-Lab	75.49, -11.842, 0.45
Binary	10110001, 11001100, 11001110

#b1ccce
```
#b1ccce rgb(177,204,206)
```
#ceb3b1
```
#ceb3b1 rgb(206,179,177)
```

Complementary Color

#b1cec2
```
#b1cec2 rgb(177,206,194)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#b1bece
```
#b1bece rgb(177,190,206)
```

Analogous Color

#cec2b1
```
#cec2b1 rgb(206,194,177)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#ceb1be
```
#ceb1be rgb(206,177,190)
```

Split Complementary Color

#ccceb1
```
#ccceb1 rgb(204,206,177)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#ceb1cc
```
#ceb1cc rgb(206,177,204)
```

Triadic Color

#b1ceb3
```
#b1ceb3 rgb(177,206,179)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#ceb1cc
```
#ceb1cc rgb(206,177,204)
```
#ceb3b1
```
#ceb3b1 rgb(206,179,177)
```

Tetradic Color

#82adb0
```
#82adb0 rgb(130,173,176)
```
#92b8ba
```
#92b8ba rgb(146,184,186)
```
#a1c2c4
```
#a1c2c4 rgb(161,194,196)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#c1d6d8
```
#c1d6d8 rgb(193,214,216)
```
#d0e0e2
```
#d0e0e2 rgb(208,224,226)
```
#e0ebec
```
#e0ebec rgb(224,235,236)
```

Monochromatic Color

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

#b1cec9
```
#b1cec9 rgb(177,206,201)
```
#b1cecb
```
#b1cecb rgb(177,206,203)
```
#b1cece
```
#b1cece rgb(177,206,206)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#b1cace
```
#b1cace rgb(177,202,206)
```
#b1c7ce
```
#b1c7ce rgb(177,199,206)
```
#b1c5ce
```
#b1c5ce rgb(177,197,206)
```

Similar Colors

Text with hexadecimal color #b1ccce

This text has a font color of #b1ccce.

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

#b1ccce background color

This paragraph has a background color of #b1ccce.

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

#b1ccce border color

This element has a border color of #b1ccce.

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

CSS codes

.text {color:#b1ccce;}

.background {background-color:#b1ccce;}

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1212
```
#0c1212 rgb(12,18,18)
```
#131e1e
```
#131e1e rgb(19,30,30)
```
#1b292a
```
#1b292a rgb(27,41,42)
```
#223537
```
#223537 rgb(34,53,55)
```
#2a4143
```
#2a4143 rgb(42,65,67)
```
#314d4f
```
#314d4f rgb(49,77,79)
```
#39585b
```
#39585b rgb(57,88,91)
```
#416467
```
#416467 rgb(65,100,103)
```
#487073
```
#487073 rgb(72,112,115)
```
#507c7f
```
#507c7f rgb(80,124,127)
```
#57878b
```
#57878b rgb(87,135,139)
```
#5f9397
```
#5f9397 rgb(95,147,151)
```

Shade Color Variation

#699da1
```
#699da1 rgb(105,157,161)
```
#75a5a8
```
#75a5a8 rgb(117,165,168)
```
#81acb0
```
#81acb0 rgb(129,172,176)
```
#8db4b7
```
#8db4b7 rgb(141,180,183)
```
#99bcbf
```
#99bcbf rgb(153,188,191)
```
#a5c4c6
```
#a5c4c6 rgb(165,196,198)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#bdd4d6
```
#bdd4d6 rgb(189,212,214)
```
#c9dcdd
```
#c9dcdd rgb(201,220,221)
```
#d5e4e5
```
#d5e4e5 rgb(213,228,229)
```
#e1ecec
```
#e1ecec rgb(225,236,236)
```
#edf3f4
```
#edf3f4 rgb(237,243,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#bbc4c4
```
#bbc4c4 rgb(187,196,196)
```
#b6c8c9
```
#b6c8c9 rgb(182,200,201)
```
#b1ccce
```
#b1ccce rgb(177,204,206)
```
#acd0d3
```
#acd0d3 rgb(172,208,211)
```
#a7d4d8
```
#a7d4d8 rgb(167,212,216)
```
#a2d9dd
```
#a2d9dd rgb(162,217,221)
```
#9ddde2
```
#9ddde2 rgb(157,221,226)
```
#99e1e6
```
#99e1e6 rgb(153,225,230)
```
#94e5eb
```
#94e5eb rgb(148,229,235)
```
#8fe9f0
```
#8fe9f0 rgb(143,233,240)
```
#8aeef5
```
#8aeef5 rgb(138,238,245)
```
#85f2fa
```
#85f2fa rgb(133,242,250)
```
#80f6ff
```
#80f6ff rgb(128,246,255)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c6c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc8cd Protanopia 1% of men
#d7c4d4 Deuteranopia 1% of men
#b7ccdb Tritanopia 0.001% of the population

Trichromacy

#c2c9cd Protanomaly 1% of men, 0.01% of women
#c9c7d1 Deuteranomaly 6% of men, 0.4% of women
#b5ccd6 Tritanomaly 0.01% of the population

#b1ccce hex color

#b1ccce Color Information

#b1ccce Color Conversion

Color Schemes with #b1ccce

Alternatives to #b1ccce

#b1ccce Preview

Shades and Tints of #b1ccce

Tones of #b1ccce

Color Blindness Simulator