#bde0dd hex color

In a RGB color space, hex #bde0dd is composed of 74.1% red, 87.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 0% magenta, 1.3% yellow and 12.2% black. It has a hue angle of 174.9 degrees, a saturation of 36.1% and a lightness of 81%. #bde0dd color hex could be obtained by blending #ffffff with #7bc1bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 88
- B 87
RGB color chart
- C 16
- M 0
- Y 1
- K 12
CMYK color chart

● #bde0dd color description : Light grayish cyan.

The hexadecimal color #bde0dd has RGB values of R:189, G:224, B:221 and CMYK values of C:0.16, M:0, Y:0.01, K:0.12. Its decimal value is 12443869.

Hex triplet	bde0dd	`#bde0dd`
RGB Decimal	189, 224, 221	`rgb(189,224,221)`
RGB Percent	74.1, 87.8, 86.7	`rgb(74.1%,87.8%,86.7%)`
CMYK	16, 0, 1, 12
HSL	174.9°, 36.1, 81	`hsl(174.9,36.1%,81%)`
HSV (or HSB)	174.9°, 15.6, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.677, -12.016, -2.376
XYZ	60.69, 69.349, 78.591
xyY	0.291, 0.332, 69.349
CIE-LCH	86.677, 12.248, 191.185
CIE-LUV	86.677, -18.286, -1.587
Hunter-Lab	83.276, -15.646, 2.339
Binary	10111101, 11100000, 11011101

#bde0dd
```
#bde0dd rgb(189,224,221)
```
#e0bdc0
```
#e0bdc0 rgb(224,189,192)
```

Complementary Color

#bde0cc
```
#bde0cc rgb(189,224,204)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#bdd2e0
```
#bdd2e0 rgb(189,210,224)
```

Analogous Color

#e0ccbd
```
#e0ccbd rgb(224,204,189)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#e0bdd2
```
#e0bdd2 rgb(224,189,210)
```

Split Complementary Color

#e0ddbd
```
#e0ddbd rgb(224,221,189)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#ddbde0
```
#ddbde0 rgb(221,189,224)
```

Triadic Color

#c0e0bd
```
#c0e0bd rgb(192,224,189)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#ddbde0
```
#ddbde0 rgb(221,189,224)
```
#e0bdc0
```
#e0bdc0 rgb(224,189,192)
```

Tetradic Color

#89c8c2
```
#89c8c2 rgb(137,200,194)
```
#9ad0cb
```
#9ad0cb rgb(154,208,203)
```
#acd8d4
```
#acd8d4 rgb(172,216,212)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#cee8e6
```
#cee8e6 rgb(206,232,230)
```
#e0f0ef
```
#e0f0ef rgb(224,240,239)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```

Monochromatic Color

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

#bde0d4
```
#bde0d4 rgb(189,224,212)
```
#bde0d7
```
#bde0d7 rgb(189,224,215)
```
#bde0da
```
#bde0da rgb(189,224,218)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#bde0e0
```
#bde0e0 rgb(189,224,224)
```
#bddde0
```
#bddde0 rgb(189,221,224)
```
#bddae0
```
#bddae0 rgb(189,218,224)
```

Similar Colors

Text with hexadecimal color #bde0dd

This text has a font color of #bde0dd.

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

#bde0dd background color

This paragraph has a background color of #bde0dd.

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

#bde0dd border color

This element has a border color of #bde0dd.

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

CSS codes

.text {color:#bde0dd;}

.background {background-color:#bde0dd;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070e0d
```
#070e0d rgb(7,14,13)
```
#0d1b1a
```
#0d1b1a rgb(13,27,26)
```
#132927
```
#132927 rgb(19,41,39)
```
#193634
```
#193634 rgb(25,54,52)
```
#204340
```
#204340 rgb(32,67,64)
```
#26514d
```
#26514d rgb(38,81,77)
```
#2c5e5a
```
#2c5e5a rgb(44,94,90)
```
#326c67
```
#326c67 rgb(50,108,103)
```
#397973
```
#397973 rgb(57,121,115)
```
#3f8680
```
#3f8680 rgb(63,134,128)
```
#45948d
```
#45948d rgb(69,148,141)
```
#4ca19a
```
#4ca19a rgb(76,161,154)
```

Shade Color Variation

#52aea6
```
#52aea6 rgb(82,174,166)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#6dbab4
```
#6dbab4 rgb(109,186,180)
```
#7ac1bb
```
#7ac1bb rgb(122,193,187)
```
#88c7c1
```
#88c7c1 rgb(136,199,193)
```
#95cdc8
```
#95cdc8 rgb(149,205,200)
```
#a2d3cf
```
#a2d3cf rgb(162,211,207)
```
#b0dad6
```
#b0dad6 rgb(176,218,214)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#cae6e4
```
#cae6e4 rgb(202,230,228)
```
#d8edeb
```
#d8edeb rgb(216,237,235)
```
#e5f3f2
```
#e5f3f2 rgb(229,243,242)
```
#f2f9f9
```
#f2f9f9 rgb(242,249,249)
```

Tint Color Variation

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

#ccd1d1
```
#ccd1d1 rgb(204,209,209)
```
#c8d5d4
```
#c8d5d4 rgb(200,213,212)
```
#c4d9d7
```
#c4d9d7 rgb(196,217,215)
```
#c1dcda
```
#c1dcda rgb(193,220,218)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#b9e4e0
```
#b9e4e0 rgb(185,228,224)
```
#b6e7e3
```
#b6e7e3 rgb(182,231,227)
```
#b2ebe6
```
#b2ebe6 rgb(178,235,230)
```
#aeefe9
```
#aeefe9 rgb(174,239,233)
```
#aaf3ec
```
#aaf3ec rgb(170,243,236)
```
#a7f6f0
```
#a7f6f0 rgb(167,246,240)
```
#a3faf3
```
#a3faf3 rgb(163,250,243)
```
#9ffef6
```
#9ffef6 rgb(159,254,246)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d7d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded9da Protanopia 1% of men
#ebd4e3 Deuteranopia 1% of men
#c4dfef Tritanopia 0.001% of the population

Trichromacy

#d2dcdb Protanomaly 1% of men, 0.01% of women
#dad8e0 Deuteranomaly 6% of men, 0.4% of women
#c1dfe8 Tritanomaly 0.01% of the population

#bde0dd hex color

#bde0dd Color Information

#bde0dd Color Conversion

Color Schemes with #bde0dd

Alternatives to #bde0dd

#bde0dd Preview

Shades and Tints of #bde0dd

Tones of #bde0dd

Color Blindness Simulator