#bdd6d2 hex color

In a RGB color space, hex #bdd6d2 is composed of 74.1% red, 83.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 11.7% cyan, 0% magenta, 1.9% yellow and 16.1% black. It has a hue angle of 170.4 degrees, a saturation of 23.4% and a lightness of 79%. #bdd6d2 color hex could be obtained by blending #ffffff with #7bada5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 84
- B 82
RGB color chart
- C 12
- M 0
- Y 2
- K 16
CMYK color chart

● #bdd6d2 color description : Grayish cyan.

The hexadecimal color #bdd6d2 has RGB values of R:189, G:214, B:210 and CMYK values of C:0.12, M:0, Y:0.02, K:0.16. Its decimal value is 12441298.

Hex triplet	bdd6d2	`#bdd6d2`
RGB Decimal	189, 214, 210	`rgb(189,214,210)`
RGB Percent	74.1, 83.9, 82.4	`rgb(74.1%,83.9%,82.4%)`
CMYK	12, 0, 2, 16
HSL	170.4°, 23.4, 79	`hsl(170.4,23.4%,79%)`
HSV (or HSB)	170.4°, 11.7, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.738, -9.092, -0.859
XYZ	56.663, 63.564, 70.253
xyY	0.297, 0.334, 63.564
CIE-LCH	83.738, 9.133, 185.398
CIE-LUV	83.738, -13.274, 0.261
Hunter-Lab	79.727, -12.66, 3.565
Binary	10111101, 11010110, 11010010

#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#d6bdc1
```
#d6bdc1 rgb(214,189,193)
```

Complementary Color

#bdd6c6
```
#bdd6c6 rgb(189,214,198)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#bdced6
```
#bdced6 rgb(189,206,214)
```

Analogous Color

#d6c6bd
```
#d6c6bd rgb(214,198,189)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#d6bdce
```
#d6bdce rgb(214,189,206)
```

Split Complementary Color

#d6d2bd
```
#d6d2bd rgb(214,210,189)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#d2bdd6
```
#d2bdd6 rgb(210,189,214)
```

Triadic Color

#c1d6bd
```
#c1d6bd rgb(193,214,189)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#d2bdd6
```
#d2bdd6 rgb(210,189,214)
```
#d6bdc1
```
#d6bdc1 rgb(214,189,193)
```

Tetradic Color

#8eb9b2
```
#8eb9b2 rgb(142,185,178)
```
#9ec2bd
```
#9ec2bd rgb(158,194,189)
```
#adccc7
```
#adccc7 rgb(173,204,199)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#cde0dd
```
#cde0dd rgb(205,224,221)
```
#dceae7
```
#dceae7 rgb(220,234,231)
```
#ecf3f2
```
#ecf3f2 rgb(236,243,242)
```

Monochromatic Color

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

#bdd6cc
```
#bdd6cc rgb(189,214,204)
```
#bdd6ce
```
#bdd6ce rgb(189,214,206)
```
#bdd6d0
```
#bdd6d0 rgb(189,214,208)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#bdd6d4
```
#bdd6d4 rgb(189,214,212)
```
#bdd6d6
```
#bdd6d6 rgb(189,214,214)
```
#bdd4d6
```
#bdd4d6 rgb(189,212,214)
```

Similar Colors

Text with hexadecimal color #bdd6d2

This text has a font color of #bdd6d2.

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

#bdd6d2 background color

This paragraph has a background color of #bdd6d2.

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

#bdd6d2 border color

This element has a border color of #bdd6d2.

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

CSS codes

.text {color:#bdd6d2;}

.background {background-color:#bdd6d2;}

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0c1312
```
#0c1312 rgb(12,19,18)
```
#131f1d
```
#131f1d rgb(19,31,29)
```
#1b2b28
```
#1b2b28 rgb(27,43,40)
```
#223734
```
#223734 rgb(34,55,52)
```
#2a433f
```
#2a433f rgb(42,67,63)
```
#314f4a
```
#314f4a rgb(49,79,74)
```
#395b56
```
#395b56 rgb(57,91,86)
```
#406761
```
#406761 rgb(64,103,97)
```
#48736c
```
#48736c rgb(72,115,108)
```
#4f8078
```
#4f8078 rgb(79,128,120)
```
#578c83
```
#578c83 rgb(87,140,131)
```
#5e988f
```
#5e988f rgb(94,152,143)
```

Shade Color Variation

#68a198
```
#68a198 rgb(104,161,152)
```
#74a9a1
```
#74a9a1 rgb(116,169,161)
```
#81b0a9
```
#81b0a9 rgb(129,176,169)
```
#8db8b1
```
#8db8b1 rgb(141,184,177)
```
#99bfb9
```
#99bfb9 rgb(153,191,185)
```
#a5c7c2
```
#a5c7c2 rgb(165,199,194)
```
#b1ceca
```
#b1ceca rgb(177,206,202)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#c9deda
```
#c9deda rgb(201,222,218)
```
#d5e5e2
```
#d5e5e2 rgb(213,229,226)
```
#e1edeb
```
#e1edeb rgb(225,237,235)
```
#edf4f3
```
#edf4f3 rgb(237,244,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#c9caca
```
#c9caca rgb(201,202,202)
```
#c5cecc
```
#c5cecc rgb(197,206,204)
```
#c1d2cf
```
#c1d2cf rgb(193,210,207)
```
#bdd6d2
```
#bdd6d2 rgb(189,214,210)
```
#b9dad5
```
#b9dad5 rgb(185,218,213)
```
#b5ded8
```
#b5ded8 rgb(181,222,216)
```
#b1e2da
```
#b1e2da rgb(177,226,218)
```
#ade6dd
```
#ade6dd rgb(173,230,221)
```
#a8ebe0
```
#a8ebe0 rgb(168,235,224)
```
#a4efe3
```
#a4efe3 rgb(164,239,227)
```
#a0f3e6
```
#a0f3e6 rgb(160,243,230)
```
#9cf7e8
```
#9cf7e8 rgb(156,247,232)
```
#98fbeb
```
#98fbeb rgb(152,251,235)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cbd0cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d2d1 Protanopia 1% of men
#e4cdd7 Deuteranopia 1% of men
#c3d5e4 Tritanopia 0.001% of the population

Trichromacy

#cdd3d1 Protanomaly 1% of men, 0.01% of women
#d6d0d5 Deuteranomaly 6% of men, 0.4% of women
#c1d5dd Tritanomaly 0.01% of the population

#bdd6d2 hex color

#bdd6d2 Color Information

#bdd6d2 Color Conversion

Color Schemes with #bdd6d2

Alternatives to #bdd6d2

#bdd6d2 Preview

Shades and Tints of #bdd6d2

Tones of #bdd6d2

Color Blindness Simulator