#bdd1d8 hex color

In a RGB color space, hex #bdd1d8 is composed of 74.1% red, 82% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 3.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 195.6 degrees, a saturation of 25.7% and a lightness of 79.4%. #bdd1d8 color hex could be obtained by blending #ffffff with #7ba3b1. 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

● #bdd1d8 color description : Grayish blue.

The hexadecimal color #bdd1d8 has RGB values of R:189, G:209, B:216 and CMYK values of C:0.13, M:0.03, Y:0, K:0.15. Its decimal value is 12440024.

Hex triplet	bdd1d8	`#bdd1d8`
RGB Decimal	189, 209, 216	`rgb(189,209,216)`
RGB Percent	74.1, 82, 84.7	`rgb(74.1%,82%,84.7%)`
CMYK	13, 3, 0, 15
HSL	195.6°, 25.7, 79.4	`hsl(195.6,25.7%,79.4%)`
HSV (or HSB)	195.6°, 12.5, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.581, -5.305, -5.754
XYZ	56.179, 61.377, 73.849
xyY	0.294, 0.321, 61.377
CIE-LCH	82.581, 7.827, 227.325
CIE-LUV	82.581, -11.083, -7.931
Hunter-Lab	78.343, -9.101, -1.048
Binary	10111101, 11010001, 11011000

#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#d8c4bd
```
#d8c4bd rgb(216,196,189)
```

Complementary Color

#bdd8d2
```
#bdd8d2 rgb(189,216,210)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#bdc4d8
```
#bdc4d8 rgb(189,196,216)
```

Analogous Color

#d8d2bd
```
#d8d2bd rgb(216,210,189)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#d8bdc4
```
#d8bdc4 rgb(216,189,196)
```

Split Complementary Color

#d1d8bd
```
#d1d8bd rgb(209,216,189)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#d8bdd1
```
#d8bdd1 rgb(216,189,209)
```

Triadic Color

#bdd8c4
```
#bdd8c4 rgb(189,216,196)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#d8bdd1
```
#d8bdd1 rgb(216,189,209)
```
#d8c4bd
```
#d8c4bd rgb(216,196,189)
```

Tetradic Color

#8dafbc
```
#8dafbc rgb(141,175,188)
```
#9dbbc5
```
#9dbbc5 rgb(157,187,197)
```
#adc6cf
```
#adc6cf rgb(173,198,207)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#cddce1
```
#cddce1 rgb(205,220,225)
```
#dde7eb
```
#dde7eb rgb(221,231,235)
```
#edf3f4
```
#edf3f4 rgb(237,243,244)
```

Monochromatic Color

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

#bdd8d8
```
#bdd8d8 rgb(189,216,216)
```
#bdd6d8
```
#bdd6d8 rgb(189,214,216)
```
#bdd3d8
```
#bdd3d8 rgb(189,211,216)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#bdcfd8
```
#bdcfd8 rgb(189,207,216)
```
#bdcdd8
```
#bdcdd8 rgb(189,205,216)
```
#bdcad8
```
#bdcad8 rgb(189,202,216)
```

Similar Colors

Text with hexadecimal color #bdd1d8

This text has a font color of #bdd1d8.

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

#bdd1d8 background color

This paragraph has a background color of #bdd1d8.

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

#bdd1d8 border color

This element has a border color of #bdd1d8.

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

CSS codes

.text {color:#bdd1d8;}

.background {background-color:#bdd1d8;}

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1214
```
#0c1214 rgb(12,18,20)
```
#131d21
```
#131d21 rgb(19,29,33)
```
#1b282d
```
#1b282d rgb(27,40,45)
```
#223339
```
#223339 rgb(34,51,57)
```
#293e46
```
#293e46 rgb(41,62,70)
```
#304952
```
#304952 rgb(48,73,82)
```
#38545e
```
#38545e rgb(56,84,94)
```
#3f5f6b
```
#3f5f6b rgb(63,95,107)
```
#466a77
```
#466a77 rgb(70,106,119)
```
#4e7583
```
#4e7583 rgb(78,117,131)
```
#558090
```
#558090 rgb(85,128,144)
```
#5c8b9c
```
#5c8b9c rgb(92,139,156)
```

Shade Color Variation

#6795a5
```
#6795a5 rgb(103,149,165)
```
#739dac
```
#739dac rgb(115,157,172)
```
#7fa6b4
```
#7fa6b4 rgb(127,166,180)
```
#8cafbb
```
#8cafbb rgb(140,175,187)
```
#98b7c2
```
#98b7c2 rgb(152,183,194)
```
#a4c0c9
```
#a4c0c9 rgb(164,192,201)
```
#b1c8d1
```
#b1c8d1 rgb(177,200,209)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#c9dadf
```
#c9dadf rgb(201,218,223)
```
#d6e2e7
```
#d6e2e7 rgb(214,226,231)
```
#e2ebee
```
#e2ebee rgb(226,235,238)
```
#eef3f5
```
#eef3f5 rgb(238,243,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#c9cbcc
```
#c9cbcc rgb(201,203,204)
```
#c5cdd0
```
#c5cdd0 rgb(197,205,208)
```
#c1cfd4
```
#c1cfd4 rgb(193,207,212)
```
#bdd1d8
```
#bdd1d8 rgb(189,209,216)
```
#b9d3dc
```
#b9d3dc rgb(185,211,220)
```
#b5d5e0
```
#b5d5e0 rgb(181,213,224)
```
#b1d7e4
```
#b1d7e4 rgb(177,215,228)
```
#add9e8
```
#add9e8 rgb(173,217,232)
```
#a9dbec
```
#a9dbec rgb(169,219,236)
```
#a5ddf0
```
#a5ddf0 rgb(165,221,240)
```
#a1dff4
```
#a1dff4 rgb(161,223,244)
```
#9de1f8
```
#9de1f8 rgb(157,225,248)
```
#99e3fc
```
#99e3fc rgb(153,227,252)
```

Tone Color Variation

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

#d1ced7 Protanopia 1% of men
#ddcadc Deuteranopia 1% of men
#c1d2e1 Tritanopia 0.001% of the population

Trichromacy

#c9cfd7 Protanomaly 1% of men, 0.01% of women
#d1ccdb Deuteranomaly 6% of men, 0.4% of women
#c0d1dd Tritanomaly 0.01% of the population

#bdd1d8 hex color

#bdd1d8 Color Information

#bdd1d8 Color Conversion

Color Schemes with #bdd1d8

Alternatives to #bdd1d8

#bdd1d8 Preview

Shades and Tints of #bdd1d8

Tones of #bdd1d8

Color Blindness Simulator