colorhexa.com

#b2cbd9 hex color

In a RGB color space, hex #b2cbd9 is composed of 69.8% red, 79.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 6.5% magenta, 0% yellow and 14.9% black. It has a hue angle of 201.5 degrees, a saturation of 33.9% and a lightness of 77.5%. #b2cbd9 color hex could be obtained by blending #ffffff with #6597b3. Closest websafe color is: #99cccc.

- R 70
- G 80
- B 85
RGB color chart
- C 18
- M 6
- Y 0
- K 15
CMYK color chart

● #b2cbd9 color description : Light grayish blue.

The hexadecimal color #b2cbd9 has RGB values of R:178, G:203, B:217 and CMYK values of C:0.18, M:0.06, Y:0, K:0.15. Its decimal value is 11717593.

Hex triplet	b2cbd9	`#b2cbd9`
RGB Decimal	178, 203, 217	`rgb(178,203,217)`
RGB Percent	69.8, 79.6, 85.1	`rgb(69.8%,79.6%,85.1%)`
CMYK	18, 6, 0, 15
HSL	201.5°, 33.9, 77.5	`hsl(201.5,33.9%,77.5%)`
HSV (or HSB)	201.5°, 18, 85.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.284, -5.456, -9.777
XYZ	52.238, 57.186, 73.928
xyY	0.285, 0.312, 57.186
CIE-LCH	80.284, 11.196, 240.838
CIE-LUV	80.284, -13.8, -14.196
Hunter-Lab	75.621, -9.032, -5.027
Binary	10110010, 11001011, 11011001

#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#d9c0b2
```
#d9c0b2 rgb(217,192,178)
```

Complementary Color

#b2d9d4
```
#b2d9d4 rgb(178,217,212)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#b2b8d9
```
#b2b8d9 rgb(178,184,217)
```

Analogous Color

#d9d4b2
```
#d9d4b2 rgb(217,212,178)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#d9b2b8
```
#d9b2b8 rgb(217,178,184)
```

Split Complementary Color

#cbd9b2
```
#cbd9b2 rgb(203,217,178)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#d9b2cb
```
#d9b2cb rgb(217,178,203)
```

Triadic Color

#b2d9c0
```
#b2d9c0 rgb(178,217,192)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#d9b2cb
```
#d9b2cb rgb(217,178,203)
```
#d9c0b2
```
#d9c0b2 rgb(217,192,178)
```

Tetradic Color

#7fa8c0
```
#7fa8c0 rgb(127,168,192)
```
#90b4c8
```
#90b4c8 rgb(144,180,200)
```
#a1bfd1
```
#a1bfd1 rgb(161,191,209)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#c3d7e1
```
#c3d7e1 rgb(195,215,225)
```
#d4e2ea
```
#d4e2ea rgb(212,226,234)
```
#e5eef2
```
#e5eef2 rgb(229,238,242)
```

Monochromatic Color

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

#b2d5d9
```
#b2d5d9 rgb(178,213,217)
```
#b2d2d9
```
#b2d2d9 rgb(178,210,217)
```
#b2ced9
```
#b2ced9 rgb(178,206,217)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#b2c8d9
```
#b2c8d9 rgb(178,200,217)
```
#b2c5d9
```
#b2c5d9 rgb(178,197,217)
```
#b2c1d9
```
#b2c1d9 rgb(178,193,217)
```

Similar Colors

Text with hexadecimal color #b2cbd9

This text has a font color of #b2cbd9.

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

#b2cbd9 background color

This paragraph has a background color of #b2cbd9.

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

#b2cbd9 border color

This element has a border color of #b2cbd9.

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

CSS codes

.text {color:#b2cbd9;}

.background {background-color:#b2cbd9;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0e171c
```
#0e171c rgb(14,23,28)
```
#142229
```
#142229 rgb(20,34,41)
```
#1b2c36
```
#1b2c36 rgb(27,44,54)
```
#213743
```
#213743 rgb(33,55,67)
```
#284251
```
#284251 rgb(40,66,81)
```
#2e4d5e
```
#2e4d5e rgb(46,77,94)
```
#35576b
```
#35576b rgb(53,87,107)
```
#3b6278
```
#3b6278 rgb(59,98,120)
```
#426d85
```
#426d85 rgb(66,109,133)
```
#487892
```
#487892 rgb(72,120,146)
```
#4f829f
```
#4f829f rgb(79,130,159)
```

Shade Color Variation

#568dac
```
#568dac rgb(86,141,172)
```
#6396b2
```
#6396b2 rgb(99,150,178)
```
#709fb9
```
#709fb9 rgb(112,159,185)
```
#7da8bf
```
#7da8bf rgb(125,168,191)
```
#8bb0c6
```
#8bb0c6 rgb(139,176,198)
```
#98b9cc
```
#98b9cc rgb(152,185,204)
```
#a5c2d3
```
#a5c2d3 rgb(165,194,211)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#ccdde6
```
#ccdde6 rgb(204,221,230)
```
#d9e6ec
```
#d9e6ec rgb(217,230,236)
```
#e7eef3
```
#e7eef3 rgb(231,238,243)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

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

#c4c6c7
```
#c4c6c7 rgb(196,198,199)
```
#bfc7cc
```
#bfc7cc rgb(191,199,204)
```
#bbc9d0
```
#bbc9d0 rgb(187,201,208)
```
#b6cad5
```
#b6cad5 rgb(182,202,213)
```
#b2cbd9
```
#b2cbd9 rgb(178,203,217)
```
#aeccdd
```
#aeccdd rgb(174,204,221)
```
#a9cde2
```
#a9cde2 rgb(169,205,226)
```
#a5cfe6
```
#a5cfe6 rgb(165,207,230)
```
#a0d0eb
```
#a0d0eb rgb(160,208,235)
```
#9cd1ef
```
#9cd1ef rgb(156,209,239)
```
#97d2f4
```
#97d2f4 rgb(151,210,244)
```
#93d4f8
```
#93d4f8 rgb(147,212,248)
```
#8fd5fc
```
#8fd5fc rgb(143,213,252)
```

Tone Color Variation

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

#c9c8d8 Protanopia 1% of men
#d3c5dd Deuteranopia 1% of men
#b6cddc Tritanopia 0.001% of the population

Trichromacy

#c0c9d8 Protanomaly 1% of men, 0.01% of women
#c7c7dc Deuteranomaly 6% of men, 0.4% of women
#b4ccdb Tritanomaly 0.01% of the population