#bdd2d9 hex color

In a RGB color space, hex #bdd2d9 is composed of 74.1% red, 82.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 3.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 195 degrees, a saturation of 26.9% and a lightness of 79.6%. #bdd2d9 color hex could be obtained by blending #ffffff with #7ba5b3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 82
- B 85
RGB color chart
- C 13
- M 3
- Y 0
- K 15
CMYK color chart

● #bdd2d9 color description : Light grayish blue.

The hexadecimal color #bdd2d9 has RGB values of R:189, G:210, B:217 and CMYK values of C:0.13, M:0.03, Y:0, K:0.15. Its decimal value is 12440281.

Hex triplet	bdd2d9	`#bdd2d9`
RGB Decimal	189, 210, 217	`rgb(189,210,217)`
RGB Percent	74.1, 82.4, 85.1	`rgb(74.1%,82.4%,85.1%)`
CMYK	13, 3, 0, 15
HSL	195°, 26.9, 79.6	`hsl(195,26.9%,79.6%)`
HSV (or HSB)	195°, 12.9, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.871, -5.624, -5.858
XYZ	56.555, 61.921, 74.614
xyY	0.293, 0.321, 61.921
CIE-LCH	82.871, 8.121, 226.171
CIE-LUV	82.871, -11.592, -8.044
Hunter-Lab	78.69, -9.419, -1.136
Binary	10111101, 11010010, 11011001

#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#d9c4bd
```
#d9c4bd rgb(217,196,189)
```

Complementary Color

#bdd9d2
```
#bdd9d2 rgb(189,217,210)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#bdc4d9
```
#bdc4d9 rgb(189,196,217)
```

Analogous Color

#d9d2bd
```
#d9d2bd rgb(217,210,189)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#d9bdc4
```
#d9bdc4 rgb(217,189,196)
```

Split Complementary Color

#d2d9bd
```
#d2d9bd rgb(210,217,189)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#d9bdd2
```
#d9bdd2 rgb(217,189,210)
```

Triadic Color

#bdd9c4
```
#bdd9c4 rgb(189,217,196)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#d9bdd2
```
#d9bdd2 rgb(217,189,210)
```
#d9c4bd
```
#d9c4bd rgb(217,196,189)
```

Tetradic Color

#8cb1bd
```
#8cb1bd rgb(140,177,189)
```
#9dbcc6
```
#9dbcc6 rgb(157,188,198)
```
#adc7d0
```
#adc7d0 rgb(173,199,208)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#cddde2
```
#cddde2 rgb(205,221,226)
```
#dde8ec
```
#dde8ec rgb(221,232,236)
```
#eef3f5
```
#eef3f5 rgb(238,243,245)
```

Monochromatic Color

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

#bdd9d9
```
#bdd9d9 rgb(189,217,217)
```
#bdd7d9
```
#bdd7d9 rgb(189,215,217)
```
#bdd4d9
```
#bdd4d9 rgb(189,212,217)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#bdd0d9
```
#bdd0d9 rgb(189,208,217)
```
#bdcdd9
```
#bdcdd9 rgb(189,205,217)
```
#bdcbd9
```
#bdcbd9 rgb(189,203,217)
```

Similar Colors

Text with hexadecimal color #bdd2d9

This text has a font color of #bdd2d9.

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

#bdd2d9 background color

This paragraph has a background color of #bdd2d9.

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

#bdd2d9 border color

This element has a border color of #bdd2d9.

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

CSS codes

.text {color:#bdd2d9;}

.background {background-color:#bdd2d9;}

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0c1315
```
#0c1315 rgb(12,19,21)
```
#131e22
```
#131e22 rgb(19,30,34)
```
#1b292e
```
#1b292e rgb(27,41,46)
```
#22343a
```
#22343a rgb(34,52,58)
```
#293f47
```
#293f47 rgb(41,63,71)
```
#304b53
```
#304b53 rgb(48,75,83)
```
#375660
```
#375660 rgb(55,86,96)
```
#3e616c
```
#3e616c rgb(62,97,108)
```
#466c79
```
#466c79 rgb(70,108,121)
```
#4d7785
```
#4d7785 rgb(77,119,133)
```
#548292
```
#548292 rgb(84,130,146)
```
#5b8d9e
```
#5b8d9e rgb(91,141,158)
```

Shade Color Variation

#6697a7
```
#6697a7 rgb(102,151,167)
```
#729fae
```
#729fae rgb(114,159,174)
```
#7fa8b5
```
#7fa8b5 rgb(127,168,181)
```
#8bb0bc
```
#8bb0bc rgb(139,176,188)
```
#98b9c3
```
#98b9c3 rgb(152,185,195)
```
#a4c1cb
```
#a4c1cb rgb(164,193,203)
```
#b1cad2
```
#b1cad2 rgb(177,202,210)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#c9dae0
```
#c9dae0 rgb(201,218,224)
```
#d6e3e7
```
#d6e3e7 rgb(214,227,231)
```
#e2ebef
```
#e2ebef rgb(226,235,239)
```
#eff4f6
```
#eff4f6 rgb(239,244,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#c9cccd
```
#c9cccd rgb(201,204,205)
```
#c5ced1
```
#c5ced1 rgb(197,206,209)
```
#c1d0d5
```
#c1d0d5 rgb(193,208,213)
```
#bdd2d9
```
#bdd2d9 rgb(189,210,217)
```
#b9d4dd
```
#b9d4dd rgb(185,212,221)
```
#b5d6e1
```
#b5d6e1 rgb(181,214,225)
```
#b1d8e5
```
#b1d8e5 rgb(177,216,229)
```
#addae9
```
#addae9 rgb(173,218,233)
```
#a9dced
```
#a9dced rgb(169,220,237)
```
#a5def1
```
#a5def1 rgb(165,222,241)
```
#a1e0f5
```
#a1e0f5 rgb(161,224,245)
```
#9de2f9
```
#9de2f9 rgb(157,226,249)
```
#99e4fd
```
#99e4fd rgb(153,228,253)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cacecf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cfd8 Protanopia 1% of men
#ddcbdd Deuteranopia 1% of men
#c2d3e2 Tritanopia 0.001% of the population

Trichromacy

#cad0d8 Protanomaly 1% of men, 0.01% of women
#d1cddc Deuteranomaly 6% of men, 0.4% of women
#c0d2de Tritanomaly 0.01% of the population

#bdd2d9 hex color

#bdd2d9 Color Information

#bdd2d9 Color Conversion

Color Schemes with #bdd2d9

Alternatives to #bdd2d9

#bdd2d9 Preview

Shades and Tints of #bdd2d9

Tones of #bdd2d9

Color Blindness Simulator