#bdd2d5 hex color

In a RGB color space, hex #bdd2d5 is composed of 74.1% red, 82.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 1.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 187.5 degrees, a saturation of 22.2% and a lightness of 78.8%. #bdd2d5 color hex could be obtained by blending #ffffff with #7ba5ab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 82
- B 84
RGB color chart
- C 11
- M 1
- Y 0
- K 16
CMYK color chart

● #bdd2d5 color description : Grayish cyan.

The hexadecimal color #bdd2d5 has RGB values of R:189, G:210, B:213 and CMYK values of C:0.11, M:0.01, Y:0, K:0.16. Its decimal value is 12440277.

Hex triplet	bdd2d5	`#bdd2d5`
RGB Decimal	189, 210, 213	`rgb(189,210,213)`
RGB Percent	74.1, 82.4, 83.5	`rgb(74.1%,82.4%,83.5%)`
CMYK	11, 1, 0, 16
HSL	187.5°, 22.2, 78.8	`hsl(187.5,22.2%,78.8%)`
HSV (or HSB)	187.5°, 11.3, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.762, -6.43, -3.888
XYZ	56.041, 61.715, 71.907
xyY	0.295, 0.325, 61.715
CIE-LCH	82.762, 7.514, 211.164
CIE-LUV	82.762, -11.455, -4.843
Hunter-Lab	78.559, -10.144, 0.722
Binary	10111101, 11010010, 11010101

#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#d5c0bd
```
#d5c0bd rgb(213,192,189)
```

Complementary Color

#bdd5cc
```
#bdd5cc rgb(189,213,204)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#bdc6d5
```
#bdc6d5 rgb(189,198,213)
```

Analogous Color

#d5ccbd
```
#d5ccbd rgb(213,204,189)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#d5bdc6
```
#d5bdc6 rgb(213,189,198)
```

Split Complementary Color

#d2d5bd
```
#d2d5bd rgb(210,213,189)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#d5bdd2
```
#d5bdd2 rgb(213,189,210)
```

Triadic Color

#bdd5c0
```
#bdd5c0 rgb(189,213,192)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#d5bdd2
```
#d5bdd2 rgb(213,189,210)
```
#d5c0bd
```
#d5c0bd rgb(213,192,189)
```

Tetradic Color

#8eb2b7
```
#8eb2b7 rgb(142,178,183)
```
#9ebdc1
```
#9ebdc1 rgb(158,189,193)
```
#adc7cb
```
#adc7cb rgb(173,199,203)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#cddddf
```
#cddddf rgb(205,221,223)
```
#dce7e9
```
#dce7e9 rgb(220,231,233)
```
#ecf2f3
```
#ecf2f3 rgb(236,242,243)
```

Monochromatic Color

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

#bdd5d2
```
#bdd5d2 rgb(189,213,210)
```
#bdd5d4
```
#bdd5d4 rgb(189,213,212)
```
#bdd4d5
```
#bdd4d5 rgb(189,212,213)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#bdd0d5
```
#bdd0d5 rgb(189,208,213)
```
#bdced5
```
#bdced5 rgb(189,206,213)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```

Similar Colors

Text with hexadecimal color #bdd2d5

This text has a font color of #bdd2d5.

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

#bdd2d5 background color

This paragraph has a background color of #bdd2d5.

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

#bdd2d5 border color

This element has a border color of #bdd2d5.

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

CSS codes

.text {color:#bdd2d5;}

.background {background-color:#bdd2d5;}

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

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)
```
#0b1112
```
#0b1112 rgb(11,17,18)
```
#131d1e
```
#131d1e rgb(19,29,30)
```
#1b282a
```
#1b282a rgb(27,40,42)
```
#223336
```
#223336 rgb(34,51,54)
```
#2a3f42
```
#2a3f42 rgb(42,63,66)
```
#324a4e
```
#324a4e rgb(50,74,78)
```
#39565a
```
#39565a rgb(57,86,90)
```
#416166
```
#416166 rgb(65,97,102)
```
#486d72
```
#486d72 rgb(72,109,114)
```
#50787e
```
#50787e rgb(80,120,126)
```
#58848a
```
#58848a rgb(88,132,138)
```
#5f8f96
```
#5f8f96 rgb(95,143,150)
```

Shade Color Variation

#6999a0
```
#6999a0 rgb(105,153,160)
```
#75a1a7
```
#75a1a7 rgb(117,161,167)
```
#81a9af
```
#81a9af rgb(129,169,175)
```
#8db1b6
```
#8db1b6 rgb(141,177,182)
```
#99b9be
```
#99b9be rgb(153,185,190)
```
#a5c2c6
```
#a5c2c6 rgb(165,194,198)
```
#b1cacd
```
#b1cacd rgb(177,202,205)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#c9dadd
```
#c9dadd rgb(201,218,221)
```
#d5e2e4
```
#d5e2e4 rgb(213,226,228)
```
#e1ebec
```
#e1ebec rgb(225,235,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, #c5cccd is the less saturated color, while #93f1ff is the most saturated one.

#c5cccd
```
#c5cccd rgb(197,204,205)
```
#c1cfd1
```
#c1cfd1 rgb(193,207,209)
```
#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#b9d5d9
```
#b9d5d9 rgb(185,213,217)
```
#b5d8dd
```
#b5d8dd rgb(181,216,221)
```
#b1dbe1
```
#b1dbe1 rgb(177,219,225)
```
#acdee6
```
#acdee6 rgb(172,222,230)
```
#a8e2ea
```
#a8e2ea rgb(168,226,234)
```
#a4e5ee
```
#a4e5ee rgb(164,229,238)
```
#a0e8f2
```
#a0e8f2 rgb(160,232,242)
```
#9cebf6
```
#9cebf6 rgb(156,235,246)
```
#98eefa
```
#98eefa rgb(152,238,250)
```
#93f1ff
```
#93f1ff rgb(147,241,255)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cdce Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cfd4 Protanopia 1% of men
#dfcada Deuteranopia 1% of men
#c2d2e1 Tritanopia 0.001% of the population

Trichromacy

#cad0d4 Protanomaly 1% of men, 0.01% of women
#d2cdd8 Deuteranomaly 6% of men, 0.4% of women
#c0d2dd Tritanomaly 0.01% of the population

#bdd2d5 hex color

#bdd2d5 Color Information

#bdd2d5 Color Conversion

Color Schemes with #bdd2d5

Alternatives to #bdd2d5

#bdd2d5 Preview

Shades and Tints of #bdd2d5

Tones of #bdd2d5

Color Blindness Simulator