#b0ccd9 hex color

In a RGB color space, hex #b0ccd9 is composed of 69% red, 80% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 6% magenta, 0% yellow and 14.9% black. It has a hue angle of 199 degrees, a saturation of 35% and a lightness of 77.1%. #b0ccd9 color hex could be obtained by blending #ffffff with #6199b3. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 80
- B 85
RGB color chart
- C 19
- M 6
- Y 0
- K 15
CMYK color chart

● #b0ccd9 color description : Light grayish blue.

The hexadecimal color #b0ccd9 has RGB values of R:176, G:204, B:217 and CMYK values of C:0.19, M:0.06, Y:0, K:0.15. Its decimal value is 11586777.

Hex triplet	b0ccd9	`#b0ccd9`
RGB Decimal	176, 204, 217	`rgb(176,204,217)`
RGB Percent	69, 80, 85.1	`rgb(69%,80%,85.1%)`
CMYK	19, 6, 0, 15
HSL	199°, 35, 77.1	`hsl(199,35%,77.1%)`
HSV (or HSB)	199°, 18.9, 85.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.418, -6.605, -9.592
XYZ	52.019, 57.424, 73.985
xyY	0.284, 0.313, 57.424
CIE-LCH	80.418, 11.646, 235.448
CIE-LUV	80.418, -15.23, -13.721
Hunter-Lab	75.779, -10.081, -4.841
Binary	10110000, 11001100, 11011001

#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#d9bdb0
```
#d9bdb0 rgb(217,189,176)
```

Complementary Color

#b0d9d2
```
#b0d9d2 rgb(176,217,210)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#b0b8d9
```
#b0b8d9 rgb(176,184,217)
```

Analogous Color

#d9d2b0
```
#d9d2b0 rgb(217,210,176)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#d9b0b8
```
#d9b0b8 rgb(217,176,184)
```

Split Complementary Color

#ccd9b0
```
#ccd9b0 rgb(204,217,176)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#d9b0cc
```
#d9b0cc rgb(217,176,204)
```

Triadic Color

#b0d9bd
```
#b0d9bd rgb(176,217,189)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#d9b0cc
```
#d9b0cc rgb(217,176,204)
```
#d9bdb0
```
#d9bdb0 rgb(217,189,176)
```

Tetradic Color

#7cabc0
```
#7cabc0 rgb(124,171,192)
```
#8eb6c8
```
#8eb6c8 rgb(142,182,200)
```
#9fc1d1
```
#9fc1d1 rgb(159,193,209)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#c1d7e1
```
#c1d7e1 rgb(193,215,225)
```
#d2e2ea
```
#d2e2ea rgb(210,226,234)
```
#e4edf2
```
#e4edf2 rgb(228,237,242)
```

Monochromatic Color

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

#b0d6d9
```
#b0d6d9 rgb(176,214,217)
```
#b0d3d9
```
#b0d3d9 rgb(176,211,217)
```
#b0cfd9
```
#b0cfd9 rgb(176,207,217)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#b0c9d9
```
#b0c9d9 rgb(176,201,217)
```
#b0c5d9
```
#b0c5d9 rgb(176,197,217)
```
#b0c2d9
```
#b0c2d9 rgb(176,194,217)
```

Similar Colors

Text with hexadecimal color #b0ccd9

This text has a font color of #b0ccd9.

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

#b0ccd9 background color

This paragraph has a background color of #b0ccd9.

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

#b0ccd9 border color

This element has a border color of #b0ccd9.

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

CSS codes

.text {color:#b0ccd9;}

.background {background-color:#b0ccd9;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0d171b
```
#0d171b rgb(13,23,27)
```
#132228
```
#132228 rgb(19,34,40)
```
#1a2d35
```
#1a2d35 rgb(26,45,53)
```
#203843
```
#203843 rgb(32,56,67)
```
#264350
```
#264350 rgb(38,67,80)
```
#2d4e5d
```
#2d4e5d rgb(45,78,93)
```
#33596a
```
#33596a rgb(51,89,106)
```
#3a6478
```
#3a6478 rgb(58,100,120)
```
#406f85
```
#406f85 rgb(64,111,133)
```
#467a92
```
#467a92 rgb(70,122,146)
```
#4d859f
```
#4d859f rgb(77,133,159)
```

Shade Color Variation

#5390ac
```
#5390ac rgb(83,144,172)
```
#6199b3
```
#6199b3 rgb(97,153,179)
```
#6ea1b9
```
#6ea1b9 rgb(110,161,185)
```
#7baac0
```
#7baac0 rgb(123,170,192)
```
#88b2c6
```
#88b2c6 rgb(136,178,198)
```
#96bbcc
```
#96bbcc rgb(150,187,204)
```
#a3c3d3
```
#a3c3d3 rgb(163,195,211)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#bdd5df
```
#bdd5df rgb(189,213,223)
```
#cadde6
```
#cadde6 rgb(202,221,230)
```
#d8e6ec
```
#d8e6ec rgb(216,230,236)
```
#e5eef2
```
#e5eef2 rgb(229,238,242)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

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

#c2c5c7
```
#c2c5c7 rgb(194,197,199)
```
#bec7cc
```
#bec7cc rgb(190,199,204)
```
#b9c9d0
```
#b9c9d0 rgb(185,201,208)
```
#b5cad5
```
#b5cad5 rgb(181,202,213)
```
#b0ccd9
```
#b0ccd9 rgb(176,204,217)
```
#accede
```
#accede rgb(172,206,222)
```
#a7cfe2
```
#a7cfe2 rgb(167,207,226)
```
#a3d1e7
```
#a3d1e7 rgb(163,209,231)
```
#9ed3eb
```
#9ed3eb rgb(158,211,235)
```
#9ad4f0
```
#9ad4f0 rgb(154,212,240)
```
#95d6f4
```
#95d6f4 rgb(149,214,244)
```
#91d8f9
```
#91d8f9 rgb(145,216,249)
```
#8cd9fd
```
#8cd9fd rgb(140,217,253)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1c6c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c9d7 Protanopia 1% of men
#d3c5de Deuteranopia 1% of men
#b4cedd Tritanopia 0.001% of the population

Trichromacy

#c0cad8 Protanomaly 1% of men, 0.01% of women
#c6c7dc Deuteranomaly 6% of men, 0.4% of women
#b2cddb Tritanomaly 0.01% of the population

#b0ccd9 hex color

#b0ccd9 Color Information

#b0ccd9 Color Conversion

Color Schemes with #b0ccd9

Alternatives to #b0ccd9

#b0ccd9 Preview

Shades and Tints of #b0ccd9

Tones of #b0ccd9

Color Blindness Simulator