#bde3dd hex color

In a RGB color space, hex #bde3dd is composed of 74.1% red, 89% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 2.6% yellow and 11% black. It has a hue angle of 170.5 degrees, a saturation of 40.4% and a lightness of 81.6%. #bde3dd color hex could be obtained by blending #ffffff with #7bc7bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 89
- B 87
RGB color chart
- C 17
- M 0
- Y 3
- K 11
CMYK color chart

● #bde3dd color description : Light grayish cyan.

The hexadecimal color #bde3dd has RGB values of R:189, G:227, B:221 and CMYK values of C:0.17, M:0, Y:0.03, K:0.11. Its decimal value is 12444637.

Hex triplet	bde3dd	`#bde3dd`
RGB Decimal	189, 227, 221	`rgb(189,227,221)`
RGB Percent	74.1, 89, 86.7	`rgb(74.1%,89%,86.7%)`
CMYK	17, 0, 3, 11
HSL	170.5°, 40.4, 81.6	`hsl(170.5,40.4%,81.6%)`
HSV (or HSB)	170.5°, 16.7, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	87.473, -13.535, -1.208
XYZ	61.504, 70.976, 78.862
xyY	0.291, 0.336, 70.976
CIE-LCH	87.473, 13.589, 185.102
CIE-LUV	87.473, -19.684, 0.474
Hunter-Lab	84.247, -17.121, 3.473
Binary	10111101, 11100011, 11011101

#bde3dd
```
#bde3dd rgb(189,227,221)
```
#e3bdc3
```
#e3bdc3 rgb(227,189,195)
```

Complementary Color

#bde3ca
```
#bde3ca rgb(189,227,202)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#bdd6e3
```
#bdd6e3 rgb(189,214,227)
```

Analogous Color

#e3cabd
```
#e3cabd rgb(227,202,189)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#e3bdd6
```
#e3bdd6 rgb(227,189,214)
```

Split Complementary Color

#e3ddbd
```
#e3ddbd rgb(227,221,189)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#ddbde3
```
#ddbde3 rgb(221,189,227)
```

Triadic Color

#c3e3bd
```
#c3e3bd rgb(195,227,189)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#ddbde3
```
#ddbde3 rgb(221,189,227)
```
#e3bdc3
```
#e3bdc3 rgb(227,189,195)
```

Tetradic Color

#87ccc1
```
#87ccc1 rgb(135,204,193)
```
#99d4cb
```
#99d4cb rgb(153,212,203)
```
#abdbd4
```
#abdbd4 rgb(171,219,212)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#cfebe6
```
#cfebe6 rgb(207,235,230)
```
#e1f2ef
```
#e1f2ef rgb(225,242,239)
```
#f3faf9
```
#f3faf9 rgb(243,250,249)
```

Monochromatic Color

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

#bde3d4
```
#bde3d4 rgb(189,227,212)
```
#bde3d7
```
#bde3d7 rgb(189,227,215)
```
#bde3da
```
#bde3da rgb(189,227,218)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#bde3e0
```
#bde3e0 rgb(189,227,224)
```
#bde3e3
```
#bde3e3 rgb(189,227,227)
```
#bde0e3
```
#bde0e3 rgb(189,224,227)
```

Similar Colors

Text with hexadecimal color #bde3dd

This text has a font color of #bde3dd.

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

#bde3dd background color

This paragraph has a background color of #bde3dd.

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

#bde3dd border color

This element has a border color of #bde3dd.

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

CSS codes

.text {color:#bde3dd;}

.background {background-color:#bde3dd;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0d1e1c
```
#0d1e1c rgb(13,30,28)
```
#132c28
```
#132c28 rgb(19,44,40)
```
#193a35
```
#193a35 rgb(25,58,53)
```
#1e4841
```
#1e4841 rgb(30,72,65)
```
#24554e
```
#24554e rgb(36,85,78)
```
#2a635a
```
#2a635a rgb(42,99,90)
```
#307167
```
#307167 rgb(48,113,103)
```
#367f73
```
#367f73 rgb(54,127,115)
```
#3c8d80
```
#3c8d80 rgb(60,141,128)
```
#419a8c
```
#419a8c rgb(65,154,140)
```
#47a899
```
#47a899 rgb(71,168,153)
```

Shade Color Variation

#4fb4a4
```
#4fb4a4 rgb(79,180,164)
```
#5dbaab
```
#5dbaab rgb(93,186,171)
```
#6ac0b2
```
#6ac0b2 rgb(106,192,178)
```
#78c6ba
```
#78c6ba rgb(120,198,186)
```
#86ccc1
```
#86ccc1 rgb(134,204,193)
```
#94d1c8
```
#94d1c8 rgb(148,209,200)
```
#a1d7cf
```
#a1d7cf rgb(161,215,207)
```
#afddd6
```
#afddd6 rgb(175,221,214)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#cbe9e4
```
#cbe9e4 rgb(203,233,228)
```
#d9efeb
```
#d9efeb rgb(217,239,235)
```
#e6f5f2
```
#e6f5f2 rgb(230,245,242)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

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

#cfd1d1
```
#cfd1d1 rgb(207,209,209)
```
#cbd5d3
```
#cbd5d3 rgb(203,213,211)
```
#c8d8d6
```
#c8d8d6 rgb(200,216,214)
```
#c4dcd8
```
#c4dcd8 rgb(196,220,216)
```
#c1dfdb
```
#c1dfdb rgb(193,223,219)
```
#bde3dd
```
#bde3dd rgb(189,227,221)
```
#b9e7df
```
#b9e7df rgb(185,231,223)
```
#b6eae2
```
#b6eae2 rgb(182,234,226)
```
#b2eee4
```
#b2eee4 rgb(178,238,228)
```
#aff1e7
```
#aff1e7 rgb(175,241,231)
```
#abf5e9
```
#abf5e9 rgb(171,245,233)
```
#a7f9ec
```
#a7f9ec rgb(167,249,236)
```
#a4fcee
```
#a4fcee rgb(164,252,238)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d2d9d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1dcda Protanopia 1% of men
#eed6e3 Deuteranopia 1% of men
#c4e1f1 Tritanopia 0.001% of the population

Trichromacy

#d4dedb Protanomaly 1% of men, 0.01% of women
#dcdbe1 Deuteranomaly 6% of men, 0.4% of women
#c1e2ea Tritanomaly 0.01% of the population

#bde3dd hex color

#bde3dd Color Information

#bde3dd Color Conversion

Color Schemes with #bde3dd

Alternatives to #bde3dd

#bde3dd Preview

Shades and Tints of #bde3dd

Tones of #bde3dd

Color Blindness Simulator