#bdd3d5 hex color

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

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

● #bdd3d5 color description : Grayish cyan.

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

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

CIE-LAB	83.025, -6.949, -3.501
XYZ	56.288, 62.211, 71.989
xyY	0.295, 0.327, 62.211
CIE-LCH	83.025, 7.781, 206.739
CIE-LUV	83.025, -11.932, -4.159
Hunter-Lab	78.874, -10.642, 1.097
Binary	10111101, 11010011, 11010101

#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#d5bfbd
```
#d5bfbd rgb(213,191,189)
```

Complementary Color

#bdd5cb
```
#bdd5cb rgb(189,213,203)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#bdc7d5
```
#bdc7d5 rgb(189,199,213)
```

Analogous Color

#d5cbbd
```
#d5cbbd rgb(213,203,189)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#d5bdc7
```
#d5bdc7 rgb(213,189,199)
```

Split Complementary Color

#d3d5bd
```
#d3d5bd rgb(211,213,189)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#d5bdd3
```
#d5bdd3 rgb(213,189,211)
```

Triadic Color

#bdd5bf
```
#bdd5bf rgb(189,213,191)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#d5bdd3
```
#d5bdd3 rgb(213,189,211)
```
#d5bfbd
```
#d5bfbd rgb(213,191,189)
```

Tetradic Color

#8eb4b7
```
#8eb4b7 rgb(142,180,183)
```
#9ebec1
```
#9ebec1 rgb(158,190,193)
```
#adc9cb
```
#adc9cb rgb(173,201,203)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#cddddf
```
#cddddf rgb(205,221,223)
```
#dce8e9
```
#dce8e9 rgb(220,232,233)
```
#ecf2f3
```
#ecf2f3 rgb(236,242,243)
```

Monochromatic Color

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

#bdd5d1
```
#bdd5d1 rgb(189,213,209)
```
#bdd5d3
```
#bdd5d3 rgb(189,213,211)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#bdd1d5
```
#bdd1d5 rgb(189,209,213)
```
#bdcfd5
```
#bdcfd5 rgb(189,207,213)
```
#bdcdd5
```
#bdcdd5 rgb(189,205,213)
```

Similar Colors

Text with hexadecimal color #bdd3d5

This text has a font color of #bdd3d5.

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

#bdd3d5 background color

This paragraph has a background color of #bdd3d5.

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

#bdd3d5 border color

This element has a border color of #bdd3d5.

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

CSS codes

.text {color:#bdd3d5;}

.background {background-color:#bdd3d5;}

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

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)
```
#1b292a
```
#1b292a rgb(27,41,42)
```
#223436
```
#223436 rgb(34,52,54)
```
#2a4042
```
#2a4042 rgb(42,64,66)
```
#324b4e
```
#324b4e rgb(50,75,78)
```
#39575a
```
#39575a rgb(57,87,90)
```
#416366
```
#416366 rgb(65,99,102)
```
#486e72
```
#486e72 rgb(72,110,114)
```
#507a7e
```
#507a7e rgb(80,122,126)
```
#58868a
```
#58868a rgb(88,134,138)
```
#5f9196
```
#5f9196 rgb(95,145,150)
```

Shade Color Variation

#699ba0
```
#699ba0 rgb(105,155,160)
```
#75a3a7
```
#75a3a7 rgb(117,163,167)
```
#81abaf
```
#81abaf rgb(129,171,175)
```
#8db3b6
```
#8db3b6 rgb(141,179,182)
```
#99bbbe
```
#99bbbe rgb(153,187,190)
```
#a5c3c6
```
#a5c3c6 rgb(165,195,198)
```
#b1cbcd
```
#b1cbcd rgb(177,203,205)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#c9dbdd
```
#c9dbdd rgb(201,219,221)
```
#d5e3e4
```
#d5e3e4 rgb(213,227,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 #93f6ff is the most saturated one.

#c5cccd
```
#c5cccd rgb(197,204,205)
```
#c1d0d1
```
#c1d0d1 rgb(193,208,209)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#b9d6d9
```
#b9d6d9 rgb(185,214,217)
```
#b5dadd
```
#b5dadd rgb(181,218,221)
```
#b1dde1
```
#b1dde1 rgb(177,221,225)
```
#ace1e6
```
#ace1e6 rgb(172,225,230)
```
#a8e4ea
```
#a8e4ea rgb(168,228,234)
```
#a4e8ee
```
#a4e8ee rgb(164,232,238)
```
#a0ebf2
```
#a0ebf2 rgb(160,235,242)
```
#9ceff6
```
#9ceff6 rgb(156,239,246)
```
#98f2fa
```
#98f2fa rgb(152,242,250)
```
#93f6ff
```
#93f6ff rgb(147,246,255)
```

Tone Color Variation

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

#d3d0d4 Protanopia 1% of men
#e0cbda Deuteranopia 1% of men
#c2d3e2 Tritanopia 0.001% of the population

Trichromacy

#cbd1d4 Protanomaly 1% of men, 0.01% of women
#d3ced8 Deuteranomaly 6% of men, 0.4% of women
#c0d3dd Tritanomaly 0.01% of the population

#bdd3d5 hex color

#bdd3d5 Color Information

#bdd3d5 Color Conversion

Color Schemes with #bdd3d5

Alternatives to #bdd3d5

#bdd3d5 Preview

Shades and Tints of #bdd3d5

Tones of #bdd3d5

Color Blindness Simulator