#bdd2ce hex color

In a RGB color space, hex #bdd2ce is composed of 74.1% red, 82.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 1.9% yellow and 17.6% black. It has a hue angle of 168.6 degrees, a saturation of 18.9% and a lightness of 78.2%. #bdd2ce color hex could be obtained by blending #ffffff with #7ba59d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 82
- B 81
RGB color chart
- C 10
- M 0
- Y 2
- K 18
CMYK color chart

● #bdd2ce color description : Grayish cyan.

The hexadecimal color #bdd2ce has RGB values of R:189, G:210, B:206 and CMYK values of C:0.1, M:0, Y:0.02, K:0.18. Its decimal value is 12440270.

Hex triplet	bdd2ce	`#bdd2ce`
RGB Decimal	189, 210, 206	`rgb(189,210,206)`
RGB Percent	74.1, 82.4, 80.8	`rgb(74.1%,82.4%,80.8%)`
CMYK	10, 0, 2, 18
HSL	168.6°, 18.9, 78.2	`hsl(168.6,18.9%,78.2%)`
HSV (or HSB)	168.6°, 10, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.576, -7.808, -0.43
XYZ	55.171, 61.367, 67.328
xyY	0.3, 0.334, 61.367
CIE-LCH	82.576, 7.82, 183.154
CIE-LUV	82.576, -11.216, 0.696
Hunter-Lab	78.337, -11.377, 3.879
Binary	10111101, 11010010, 11001110

#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#d2bdc1
```
#d2bdc1 rgb(210,189,193)
```

Complementary Color

#bdd2c4
```
#bdd2c4 rgb(189,210,196)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#bdccd2
```
#bdccd2 rgb(189,204,210)
```

Analogous Color

#d2c4bd
```
#d2c4bd rgb(210,196,189)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#d2bdcc
```
#d2bdcc rgb(210,189,204)
```

Split Complementary Color

#d2cebd
```
#d2cebd rgb(210,206,189)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#cebdd2
```
#cebdd2 rgb(206,189,210)
```

Triadic Color

#c1d2bd
```
#c1d2bd rgb(193,210,189)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#cebdd2
```
#cebdd2 rgb(206,189,210)
```
#d2bdc1
```
#d2bdc1 rgb(210,189,193)
```

Tetradic Color

#90b3ac
```
#90b3ac rgb(144,179,172)
```
#9fbdb7
```
#9fbdb7 rgb(159,189,183)
```
#aec8c3
```
#aec8c3 rgb(174,200,195)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#ccdcd9
```
#ccdcd9 rgb(204,220,217)
```
#dbe7e5
```
#dbe7e5 rgb(219,231,229)
```
#eaf1f0
```
#eaf1f0 rgb(234,241,240)
```

Monochromatic Color

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

#bdd2c9
```
#bdd2c9 rgb(189,210,201)
```
#bdd2cb
```
#bdd2cb rgb(189,210,203)
```
#bdd2cc
```
#bdd2cc rgb(189,210,204)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#bdd2d0
```
#bdd2d0 rgb(189,210,208)
```
#bdd2d2
```
#bdd2d2 rgb(189,210,210)
```
#bdd1d2
```
#bdd1d2 rgb(189,209,210)
```

Similar Colors

Text with hexadecimal color #bdd2ce

This text has a font color of #bdd2ce.

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

#bdd2ce background color

This paragraph has a background color of #bdd2ce.

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

#bdd2ce border color

This element has a border color of #bdd2ce.

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

CSS codes

.text {color:#bdd2ce;}

.background {background-color:#bdd2ce;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b100f
```
#0b100f rgb(11,16,15)
```
#131b1a
```
#131b1a rgb(19,27,26)
```
#1b2725
```
#1b2725 rgb(27,39,37)
```
#233330
```
#233330 rgb(35,51,48)
```
#2a3e3b
```
#2a3e3b rgb(42,62,59)
```
#324a45
```
#324a45 rgb(50,74,69)
```
#3a5650
```
#3a5650 rgb(58,86,80)
```
#42615b
```
#42615b rgb(66,97,91)
```
#4a6d66
```
#4a6d66 rgb(74,109,102)
```
#527971
```
#527971 rgb(82,121,113)
```
#5a847c
```
#5a847c rgb(90,132,124)
```
#629087
```
#629087 rgb(98,144,135)
```

Shade Color Variation

#6b9a91
```
#6b9a91 rgb(107,154,145)
```
#77a29a
```
#77a29a rgb(119,162,154)
```
#83aaa3
```
#83aaa3 rgb(131,170,163)
```
#8eb2ab
```
#8eb2ab rgb(142,178,171)
```
#9abab4
```
#9abab4 rgb(154,186,180)
```
#a6c2bd
```
#a6c2bd rgb(166,194,189)
```
#b1cac5
```
#b1cac5 rgb(177,202,197)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#c9dad7
```
#c9dad7 rgb(201,218,215)
```
#d4e2df
```
#d4e2df rgb(212,226,223)
```
#e0eae8
```
#e0eae8 rgb(224,234,232)
```
#ecf2f1
```
#ecf2f1 rgb(236,242,241)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#c6c9c9
```
#c6c9c9 rgb(198,201,201)
```
#c1cecb
```
#c1cecb rgb(193,206,203)
```
#bdd2ce
```
#bdd2ce rgb(189,210,206)
```
#b9d6d1
```
#b9d6d1 rgb(185,214,209)
```
#b4dbd3
```
#b4dbd3 rgb(180,219,211)
```
#b0dfd6
```
#b0dfd6 rgb(176,223,214)
```
#ace3d9
```
#ace3d9 rgb(172,227,217)
```
#a8e7db
```
#a8e7db rgb(168,231,219)
```
#a3ecde
```
#a3ecde rgb(163,236,222)
```
#9ff0e1
```
#9ff0e1 rgb(159,240,225)
```
#9bf4e3
```
#9bf4e3 rgb(155,244,227)
```
#97f8e6
```
#97f8e6 rgb(151,248,230)
```
#92fde8
```
#92fde8 rgb(146,253,232)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cccc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cfcd Protanopia 1% of men
#e1cad3 Deuteranopia 1% of men
#c3d1e0 Tritanopia 0.001% of the population

Trichromacy

#cbd0cd Protanomaly 1% of men, 0.01% of women
#d4ccd1 Deuteranomaly 6% of men, 0.4% of women
#c1d1d9 Tritanomaly 0.01% of the population

#bdd2ce hex color

#bdd2ce Color Information

#bdd2ce Color Conversion

Color Schemes with #bdd2ce

Alternatives to #bdd2ce

#bdd2ce Preview

Shades and Tints of #bdd2ce

Tones of #bdd2ce

Color Blindness Simulator