#b6ccd4 hex color

In a RGB color space, hex #b6ccd4 is composed of 71.4% red, 80% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 3.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 196 degrees, a saturation of 25.9% and a lightness of 77.3%. #b6ccd4 color hex could be obtained by blending #ffffff with #6d99a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 80
- B 83
RGB color chart
- C 14
- M 4
- Y 0
- K 17
CMYK color chart

● #b6ccd4 color description : Grayish blue.

The hexadecimal color #b6ccd4 has RGB values of R:182, G:204, B:212 and CMYK values of C:0.14, M:0.04, Y:0, K:0.17. Its decimal value is 11979988.

Hex triplet	b6ccd4	`#b6ccd4`
RGB Decimal	182, 204, 212	`rgb(182,204,212)`
RGB Percent	71.4, 80, 83.1	`rgb(71.4%,80%,83.1%)`
CMYK	14, 4, 0, 17
HSL	196°, 25.9, 77.3	`hsl(196,25.9%,77.3%)`
HSV (or HSB)	196°, 14.2, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.674, -5.762, -6.489
XYZ	52.765, 57.883, 70.676
xyY	0.291, 0.319, 57.883
CIE-LCH	80.674, 8.678, 228.394
CIE-LUV	80.674, -12.125, -8.974
Hunter-Lab	76.081, -9.345, -1.821
Binary	10110110, 11001100, 11010100

#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#d4beb6
```
#d4beb6 rgb(212,190,182)
```

Complementary Color

#b6d4cd
```
#b6d4cd rgb(182,212,205)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#b6bdd4
```
#b6bdd4 rgb(182,189,212)
```

Analogous Color

#d4cdb6
```
#d4cdb6 rgb(212,205,182)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#d4b6bd
```
#d4b6bd rgb(212,182,189)
```

Split Complementary Color

#ccd4b6
```
#ccd4b6 rgb(204,212,182)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#d4b6cc
```
#d4b6cc rgb(212,182,204)
```

Triadic Color

#b6d4be
```
#b6d4be rgb(182,212,190)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#d4b6cc
```
#d4b6cc rgb(212,182,204)
```
#d4beb6
```
#d4beb6 rgb(212,190,182)
```

Tetradic Color

#86aab8
```
#86aab8 rgb(134,170,184)
```
#96b6c1
```
#96b6c1 rgb(150,182,193)
```
#a6c1cb
```
#a6c1cb rgb(166,193,203)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#c6d7dd
```
#c6d7dd rgb(198,215,221)
```
#d6e2e7
```
#d6e2e7 rgb(214,226,231)
```
#e6eef0
```
#e6eef0 rgb(230,238,240)
```

Monochromatic Color

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

#b6d4d4
```
#b6d4d4 rgb(182,212,212)
```
#b6d1d4
```
#b6d1d4 rgb(182,209,212)
```
#b6cfd4
```
#b6cfd4 rgb(182,207,212)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#b6cad4
```
#b6cad4 rgb(182,202,212)
```
#b6c7d4
```
#b6c7d4 rgb(182,199,212)
```
#b6c5d4
```
#b6c5d4 rgb(182,197,212)
```

Similar Colors

Text with hexadecimal color #b6ccd4

This text has a font color of #b6ccd4.

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

#b6ccd4 background color

This paragraph has a background color of #b6ccd4.

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

#b6ccd4 border color

This element has a border color of #b6ccd4.

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

CSS codes

.text {color:#b6ccd4;}

.background {background-color:#b6ccd4;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080c0d
```
#080c0d rgb(8,12,13)
```
#0f171a
```
#0f171a rgb(15,23,26)
```
#162226
```
#162226 rgb(22,34,38)
```
#1e2d32
```
#1e2d32 rgb(30,45,50)
```
#25383f
```
#25383f rgb(37,56,63)
```
#2c434b
```
#2c434b rgb(44,67,75)
```
#344e57
```
#344e57 rgb(52,78,87)
```
#3b5964
```
#3b5964 rgb(59,89,100)
```
#426470
```
#426470 rgb(66,100,112)
```
#496f7d
```
#496f7d rgb(73,111,125)
```
#517a89
```
#517a89 rgb(81,122,137)
```
#588595
```
#588595 rgb(88,133,149)
```

Shade Color Variation

#6090a1
```
#6090a1 rgb(96,144,161)
```
#6c98a8
```
#6c98a8 rgb(108,152,168)
```
#78a1b0
```
#78a1b0 rgb(120,161,176)
```
#85aab7
```
#85aab7 rgb(133,170,183)
```
#91b2be
```
#91b2be rgb(145,178,190)
```
#9dbbc5
```
#9dbbc5 rgb(157,187,197)
```
#aac3cd
```
#aac3cd rgb(170,195,205)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#c2d5db
```
#c2d5db rgb(194,213,219)
```
#cfdde3
```
#cfdde3 rgb(207,221,227)
```
#dbe6ea
```
#dbe6ea rgb(219,230,234)
```
#e7eef1
```
#e7eef1 rgb(231,238,241)
```
#f4f7f8
```
#f4f7f8 rgb(244,247,248)
```

Tint Color Variation

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

#c3c6c7
```
#c3c6c7 rgb(195,198,199)
```
#bfc8cb
```
#bfc8cb rgb(191,200,203)
```
#bacad0
```
#bacad0 rgb(186,202,208)
```
#b6ccd4
```
#b6ccd4 rgb(182,204,212)
```
#b2ced8
```
#b2ced8 rgb(178,206,216)
```
#add0dd
```
#add0dd rgb(173,208,221)
```
#a9d2e1
```
#a9d2e1 rgb(169,210,225)
```
#a4d4e6
```
#a4d4e6 rgb(164,212,230)
```
#a0d6ea
```
#a0d6ea rgb(160,214,234)
```
#9bd8ef
```
#9bd8ef rgb(155,216,239)
```
#97dbf3
```
#97dbf3 rgb(151,219,243)
```
#92ddf8
```
#92ddf8 rgb(146,221,248)
```
#8edffc
```
#8edffc rgb(142,223,252)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c3c7c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc9d3 Protanopia 1% of men
#d7c5d9 Deuteranopia 1% of men
#bbcddc Tritanopia 0.001% of the population

Trichromacy

#c3cad3 Protanomaly 1% of men, 0.01% of women
#cbc7d7 Deuteranomaly 6% of men, 0.4% of women
#b9cdd9 Tritanomaly 0.01% of the population

#b6ccd4 hex color

#b6ccd4 Color Information

#b6ccd4 Color Conversion

Color Schemes with #b6ccd4

Alternatives to #b6ccd4

#b6ccd4 Preview

Shades and Tints of #b6ccd4

Tones of #b6ccd4

Color Blindness Simulator