#bdccd9 hex color

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

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

● #bdccd9 color description : Light grayish blue.

The hexadecimal color #bdccd9 has RGB values of R:189, G:204, B:217 and CMYK values of C:0.13, M:0.06, Y:0, K:0.15. Its decimal value is 12438745.

Hex triplet	bdccd9	`#bdccd9`
RGB Decimal	189, 204, 217	`rgb(189,204,217)`
RGB Percent	74.1, 80, 85.1	`rgb(74.1%,80%,85.1%)`
CMYK	13, 6, 0, 15
HSL	207.9°, 26.9, 79.6	`hsl(207.9,26.9%,79.6%)`
HSV (or HSB)	207.9°, 12.9, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.299, -2.481, -8.187
XYZ	55.101, 59.014, 74.13
xyY	0.293, 0.313, 59.014
CIE-LCH	81.299, 8.555, 253.138
CIE-LUV	81.299, -8.748, -12.189
Hunter-Lab	76.82, -6.403, -3.439
Binary	10111101, 11001100, 11011001

#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#d9cabd
```
#d9cabd rgb(217,202,189)
```

Complementary Color

#bdd9d8
```
#bdd9d8 rgb(189,217,216)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#bdbed9
```
#bdbed9 rgb(189,190,217)
```

Analogous Color

#d9d8bd
```
#d9d8bd rgb(217,216,189)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#d9bdbe
```
#d9bdbe rgb(217,189,190)
```

Split Complementary Color

#ccd9bd
```
#ccd9bd rgb(204,217,189)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#d9bdcc
```
#d9bdcc rgb(217,189,204)
```

Triadic Color

#bdd9ca
```
#bdd9ca rgb(189,217,202)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#d9bdcc
```
#d9bdcc rgb(217,189,204)
```
#d9cabd
```
#d9cabd rgb(217,202,189)
```

Tetradic Color

#8ca6bd
```
#8ca6bd rgb(140,166,189)
```
#9db3c6
```
#9db3c6 rgb(157,179,198)
```
#adbfd0
```
#adbfd0 rgb(173,191,208)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#cdd9e2
```
#cdd9e2 rgb(205,217,226)
```
#dde5ec
```
#dde5ec rgb(221,229,236)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```

Monochromatic Color

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

#bdd3d9
```
#bdd3d9 rgb(189,211,217)
```
#bdd1d9
```
#bdd1d9 rgb(189,209,217)
```
#bdced9
```
#bdced9 rgb(189,206,217)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#bdcad9
```
#bdcad9 rgb(189,202,217)
```
#bdc7d9
```
#bdc7d9 rgb(189,199,217)
```
#bdc5d9
```
#bdc5d9 rgb(189,197,217)
```

Similar Colors

Text with hexadecimal color #bdccd9

This text has a font color of #bdccd9.

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

#bdccd9 background color

This paragraph has a background color of #bdccd9.

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

#bdccd9 border color

This element has a border color of #bdccd9.

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

CSS codes

.text {color:#bdccd9;}

.background {background-color:#bdccd9;}

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

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

#050709
```
#050709 rgb(5,7,9)
```
#0c1115
```
#0c1115 rgb(12,17,21)
```
#131b22
```
#131b22 rgb(19,27,34)
```
#1b252e
```
#1b252e rgb(27,37,46)
```
#222f3a
```
#222f3a rgb(34,47,58)
```
#293947
```
#293947 rgb(41,57,71)
```
#304353
```
#304353 rgb(48,67,83)
```
#374d60
```
#374d60 rgb(55,77,96)
```
#3e576c
```
#3e576c rgb(62,87,108)
```
#466179
```
#466179 rgb(70,97,121)
```
#4d6b85
```
#4d6b85 rgb(77,107,133)
```
#547592
```
#547592 rgb(84,117,146)
```
#5b7f9e
```
#5b7f9e rgb(91,127,158)
```

Shade Color Variation

#6689a7
```
#6689a7 rgb(102,137,167)
```
#7292ae
```
#7292ae rgb(114,146,174)
```
#7f9cb5
```
#7f9cb5 rgb(127,156,181)
```
#8ba6bc
```
#8ba6bc rgb(139,166,188)
```
#98afc3
```
#98afc3 rgb(152,175,195)
```
#a4b9cb
```
#a4b9cb rgb(164,185,203)
```
#b1c2d2
```
#b1c2d2 rgb(177,194,210)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#c9d6e0
```
#c9d6e0 rgb(201,214,224)
```
#d6dfe7
```
#d6dfe7 rgb(214,223,231)
```
#e2e9ef
```
#e2e9ef rgb(226,233,239)
```
#eff2f6
```
#eff2f6 rgb(239,242,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#c9cbcd
```
#c9cbcd rgb(201,203,205)
```
#c5cbd1
```
#c5cbd1 rgb(197,203,209)
```
#c1ccd5
```
#c1ccd5 rgb(193,204,213)
```
#bdccd9
```
#bdccd9 rgb(189,204,217)
```
#b9ccdd
```
#b9ccdd rgb(185,204,221)
```
#b5cde1
```
#b5cde1 rgb(181,205,225)
```
#b1cde5
```
#b1cde5 rgb(177,205,229)
```
#adcde9
```
#adcde9 rgb(173,205,233)
```
#a9cded
```
#a9cded rgb(169,205,237)
```
#a5cef1
```
#a5cef1 rgb(165,206,241)
```
#a1cef5
```
#a1cef5 rgb(161,206,245)
```
#9dcef9
```
#9dcef9 rgb(157,206,249)
```
#99cffd
```
#99cffd rgb(153,207,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c7cacc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbd9 Protanopia 1% of men
#d7c7dd Deuteranopia 1% of men
#c0cedd Tritanopia 0.001% of the population

Trichromacy

#c6cbd9 Protanomaly 1% of men, 0.01% of women
#cdc9db Deuteranomaly 6% of men, 0.4% of women
#bfcddb Tritanomaly 0.01% of the population

#bdccd9 hex color

#bdccd9 Color Information

#bdccd9 Color Conversion

Color Schemes with #bdccd9

Alternatives to #bdccd9

#bdccd9 Preview

Shades and Tints of #bdccd9

Tones of #bdccd9

Color Blindness Simulator