#bdd8dc hex color

In a RGB color space, hex #bdd8dc is composed of 74.1% red, 84.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 1.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 187.7 degrees, a saturation of 30.7% and a lightness of 80.2%. #bdd8dc color hex could be obtained by blending #ffffff with #7bb1b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 85
- B 86
RGB color chart
- C 14
- M 2
- Y 0
- K 14
CMYK color chart

● #bdd8dc color description : Light grayish cyan.

The hexadecimal color #bdd8dc has RGB values of R:189, G:216, B:220 and CMYK values of C:0.14, M:0.02, Y:0, K:0.14. Its decimal value is 12441820.

Hex triplet	bdd8dc	`#bdd8dc`
RGB Decimal	189, 216, 220	`rgb(189,216,220)`
RGB Percent	74.1, 84.7, 86.3	`rgb(74.1%,84.7%,86.3%)`
CMYK	14, 2, 0, 14
HSL	187.7°, 30.7, 80.2	`hsl(187.7,30.7%,80.2%)`
HSV (or HSB)	187.7°, 14.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.534, -8.124, -5
XYZ	58.458, 65.097, 77.191
xyY	0.291, 0.324, 65.097
CIE-LCH	84.534, 9.539, 211.61
CIE-LUV	84.534, -14.517, -6.307
Hunter-Lab	80.683, -11.864, -0.247
Binary	10111101, 11011000, 11011100

#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#dcc1bd
```
#dcc1bd rgb(220,193,189)
```

Complementary Color

#bddcd1
```
#bddcd1 rgb(189,220,209)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#bdc9dc
```
#bdc9dc rgb(189,201,220)
```

Analogous Color

#dcd1bd
```
#dcd1bd rgb(220,209,189)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#dcbdc9
```
#dcbdc9 rgb(220,189,201)
```

Split Complementary Color

#d8dcbd
```
#d8dcbd rgb(216,220,189)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#dcbdd8
```
#dcbdd8 rgb(220,189,216)
```

Triadic Color

#bddcc1
```
#bddcc1 rgb(189,220,193)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#dcbdd8
```
#dcbdd8 rgb(220,189,216)
```
#dcc1bd
```
#dcc1bd rgb(220,193,189)
```

Tetradic Color

#8bbac1
```
#8bbac1 rgb(139,186,193)
```
#9cc4ca
```
#9cc4ca rgb(156,196,202)
```
#acced3
```
#acced3 rgb(172,206,211)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#cee2e5
```
#cee2e5 rgb(206,226,229)
```
#deecee
```
#deecee rgb(222,236,238)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```

Monochromatic Color

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

#bddcd8
```
#bddcd8 rgb(189,220,216)
```
#bddcdb
```
#bddcdb rgb(189,220,219)
```
#bddbdc
```
#bddbdc rgb(189,219,220)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#bdd5dc
```
#bdd5dc rgb(189,213,220)
```
#bdd3dc
```
#bdd3dc rgb(189,211,220)
```
#bdd0dc
```
#bdd0dc rgb(189,208,220)
```

Similar Colors

Text with hexadecimal color #bdd8dc

This text has a font color of #bdd8dc.

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

#bdd8dc background color

This paragraph has a background color of #bdd8dc.

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

#bdd8dc border color

This element has a border color of #bdd8dc.

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

CSS codes

.text {color:#bdd8dc;}

.background {background-color:#bdd8dc;}

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

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

#060a0b
```
#060a0b rgb(6,10,11)
```
#0d1618
```
#0d1618 rgb(13,22,24)
```
#132225
```
#132225 rgb(19,34,37)
```
#1a2e31
```
#1a2e31 rgb(26,46,49)
```
#213a3e
```
#213a3e rgb(33,58,62)
```
#28464b
```
#28464b rgb(40,70,75)
```
#2f5258
```
#2f5258 rgb(47,82,88)
```
#355f65
```
#355f65 rgb(53,95,101)
```
#3c6b71
```
#3c6b71 rgb(60,107,113)
```
#43777e
```
#43777e rgb(67,119,126)
```
#4a838b
```
#4a838b rgb(74,131,139)
```
#518f98
```
#518f98 rgb(81,143,152)
```
#579ba5
```
#579ba5 rgb(87,155,165)
```

Shade Color Variation

#63a3ac
```
#63a3ac rgb(99,163,172)
```
#70abb3
```
#70abb3 rgb(112,171,179)
```
#7db2ba
```
#7db2ba rgb(125,178,186)
```
#8abac1
```
#8abac1 rgb(138,186,193)
```
#97c1c8
```
#97c1c8 rgb(151,193,200)
```
#a3c9ce
```
#a3c9ce rgb(163,201,206)
```
#b0d0d5
```
#b0d0d5 rgb(176,208,213)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#cae0e3
```
#cae0e3 rgb(202,224,227)
```
#d7e7ea
```
#d7e7ea rgb(215,231,234)
```
#e3eff0
```
#e3eff0 rgb(227,239,240)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#c9cfd0
```
#c9cfd0 rgb(201,207,208)
```
#c5d2d4
```
#c5d2d4 rgb(197,210,212)
```
#c1d5d8
```
#c1d5d8 rgb(193,213,216)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```
#b9dbe0
```
#b9dbe0 rgb(185,219,224)
```
#b5dee4
```
#b5dee4 rgb(181,222,228)
```
#b1e1e8
```
#b1e1e8 rgb(177,225,232)
```
#ade4ec
```
#ade4ec rgb(173,228,236)
```
#aae6ef
```
#aae6ef rgb(170,230,239)
```
#a6e9f3
```
#a6e9f3 rgb(166,233,243)
```
#a2ecf7
```
#a2ecf7 rgb(162,236,247)
```
#9eeffb
```
#9eeffb rgb(158,239,251)
```
#9af2ff
```
#9af2ff rgb(154,242,255)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd2d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d4da Protanopia 1% of men
#e3cfe1 Deuteranopia 1% of men
#c2d8e7 Tritanopia 0.001% of the population

Trichromacy

#cdd5db Protanomaly 1% of men, 0.01% of women
#d5d2df Deuteranomaly 6% of men, 0.4% of women
#c0d8e3 Tritanomaly 0.01% of the population

#bdd8dc hex color

#bdd8dc Color Information

#bdd8dc Color Conversion

Color Schemes with #bdd8dc

Alternatives to #bdd8dc

#bdd8dc Preview

Shades and Tints of #bdd8dc

Tones of #bdd8dc

Color Blindness Simulator