#b2cad5 hex color

In a RGB color space, hex #b2cad5 is composed of 69.8% red, 79.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 5.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 198.9 degrees, a saturation of 29.4% and a lightness of 76.7%. #b2cad5 color hex could be obtained by blending #ffffff with #6595ab. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 79
- B 84
RGB color chart
- C 16
- M 5
- Y 0
- K 16
CMYK color chart

● #b2cad5 color description : Grayish blue.

The hexadecimal color #b2cad5 has RGB values of R:178, G:202, B:213 and CMYK values of C:0.16, M:0.05, Y:0, K:0.16. Its decimal value is 11717333.

Hex triplet	b2cad5	`#b2cad5`
RGB Decimal	178, 202, 213	`rgb(178,202,213)`
RGB Percent	69.8, 79.2, 83.5	`rgb(69.8%,79.2%,83.5%)`
CMYK	16, 5, 0, 16
HSL	198.9°, 29.4, 76.7	`hsl(198.9,29.4%,76.7%)`
HSV (or HSB)	198.9°, 16.4, 83.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.903, -5.781, -8.198
XYZ	51.488, 56.509, 71.142
xyY	0.287, 0.315, 56.509
CIE-LCH	79.903, 10.031, 234.81
CIE-LUV	79.903, -13.215, -11.638
Hunter-Lab	75.173, -9.291, -3.49
Binary	10110010, 11001010, 11010101

#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#d5bdb2
```
#d5bdb2 rgb(213,189,178)
```

Complementary Color

#b2d5cf
```
#b2d5cf rgb(178,213,207)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#b2b9d5
```
#b2b9d5 rgb(178,185,213)
```

Analogous Color

#d5cfb2
```
#d5cfb2 rgb(213,207,178)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#d5b2b9
```
#d5b2b9 rgb(213,178,185)
```

Split Complementary Color

#cad5b2
```
#cad5b2 rgb(202,213,178)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#d5b2ca
```
#d5b2ca rgb(213,178,202)
```

Triadic Color

#b2d5bd
```
#b2d5bd rgb(178,213,189)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#d5b2ca
```
#d5b2ca rgb(213,178,202)
```
#d5bdb2
```
#d5bdb2 rgb(213,189,178)
```

Tetradic Color

#81a8ba
```
#81a8ba rgb(129,168,186)
```
#91b3c3
```
#91b3c3 rgb(145,179,195)
```
#a2bfcc
```
#a2bfcc rgb(162,191,204)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#c3d5de
```
#c3d5de rgb(195,213,222)
```
#d3e1e7
```
#d3e1e7 rgb(211,225,231)
```
#e4ecf0
```
#e4ecf0 rgb(228,236,240)
```

Monochromatic Color

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

#b2d3d5
```
#b2d3d5 rgb(178,211,213)
```
#b2d0d5
```
#b2d0d5 rgb(178,208,213)
```
#b2cdd5
```
#b2cdd5 rgb(178,205,213)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#b2c7d5
```
#b2c7d5 rgb(178,199,213)
```
#b2c4d5
```
#b2c4d5 rgb(178,196,213)
```
#b2c1d5
```
#b2c1d5 rgb(178,193,213)
```

Similar Colors

Text with hexadecimal color #b2cad5

This text has a font color of #b2cad5.

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

#b2cad5 background color

This paragraph has a background color of #b2cad5.

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

#b2cad5 border color

This element has a border color of #b2cad5.

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

CSS codes

.text {color:#b2cad5;}

.background {background-color:#b2cad5;}

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

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, #060a0c is the darkest color, while #fefeff is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0d1519
```
#0d1519 rgb(13,21,25)
```
#142025
```
#142025 rgb(20,32,37)
```
#1b2b32
```
#1b2b32 rgb(27,43,50)
```
#22363f
```
#22363f rgb(34,54,63)
```
#29414b
```
#29414b rgb(41,65,75)
```
#304b58
```
#304b58 rgb(48,75,88)
```
#375665
```
#375665 rgb(55,86,101)
```
#3e6171
```
#3e6171 rgb(62,97,113)
```
#456c7e
```
#456c7e rgb(69,108,126)
```
#4c778b
```
#4c778b rgb(76,119,139)
```
#538297
```
#538297 rgb(83,130,151)
```
#5a8da4
```
#5a8da4 rgb(90,141,164)
```

Shade Color Variation

#6696ab
```
#6696ab rgb(102,150,171)
```
#739eb2
```
#739eb2 rgb(115,158,178)
```
#7fa7b9
```
#7fa7b9 rgb(127,167,185)
```
#8cb0c0
```
#8cb0c0 rgb(140,176,192)
```
#99b9c7
```
#99b9c7 rgb(153,185,199)
```
#a5c1ce
```
#a5c1ce rgb(165,193,206)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#bfd3dc
```
#bfd3dc rgb(191,211,220)
```
#cbdbe3
```
#cbdbe3 rgb(203,219,227)
```
#d8e4ea
```
#d8e4ea rgb(216,228,234)
```
#e5edf1
```
#e5edf1 rgb(229,237,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c0c5c7
```
#c0c5c7 rgb(192,197,199)
```
#bbc7cc
```
#bbc7cc rgb(187,199,204)
```
#b7c8d0
```
#b7c8d0 rgb(183,200,208)
```
#b2cad5
```
#b2cad5 rgb(178,202,213)
```
#adccda
```
#adccda rgb(173,204,218)
```
#a9cdde
```
#a9cdde rgb(169,205,222)
```
#a4cfe3
```
#a4cfe3 rgb(164,207,227)
```
#a0d1e7
```
#a0d1e7 rgb(160,209,231)
```
#9bd3ec
```
#9bd3ec rgb(155,211,236)
```
#97d4f0
```
#97d4f0 rgb(151,212,240)
```
#92d6f5
```
#92d6f5 rgb(146,214,245)
```
#8dd8fa
```
#8dd8fa rgb(141,216,250)
```
#89d9fe
```
#89d9fe rgb(137,217,254)
```

Tone Color Variation

Below, you can see how #b2cad5 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
#c0c5c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c7d4 Protanopia 1% of men
#d3c3da Deuteranopia 1% of men
#b6ccda Tritanopia 0.001% of the population

Trichromacy

#c0c8d4 Protanomaly 1% of men, 0.01% of women
#c7c6d8 Deuteranomaly 6% of men, 0.4% of women
#b5cbd8 Tritanomaly 0.01% of the population

#b2cad5 hex color

#b2cad5 Color Information

#b2cad5 Color Conversion

Color Schemes with #b2cad5

Alternatives to #b2cad5

#b2cad5 Preview

Shades and Tints of #b2cad5

Tones of #b2cad5

Color Blindness Simulator