#bde7de hex color

In a RGB color space, hex #bde7de is composed of 74.1% red, 90.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 3.9% yellow and 9.4% black. It has a hue angle of 167.1 degrees, a saturation of 46.7% and a lightness of 82.4%. #bde7de color hex could be obtained by blending #ffffff with #7bcfbd. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 74
- G 91
- B 87
RGB color chart
- C 18
- M 0
- Y 4
- K 9
CMYK color chart

● #bde7de color description : Light grayish cyan.

The hexadecimal color #bde7de has RGB values of R:189, G:231, B:222 and CMYK values of C:0.18, M:0, Y:0.04, K:0.09. Its decimal value is 12445662.

Hex triplet	bde7de	`#bde7de`
RGB Decimal	189, 231, 222	`rgb(189,231,222)`
RGB Percent	74.1, 90.6, 87.1	`rgb(74.1%,90.6%,87.1%)`
CMYK	18, 0, 4, 9
HSL	167.1°, 46.7, 82.4	`hsl(167.1,46.7%,82.4%)`
HSV (or HSB)	167.1°, 18.2, 90.6
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	88.563, -15.345, -0.14
XYZ	62.744, 73.243, 79.935
xyY	0.291, 0.339, 73.243
CIE-LCH	88.563, 15.346, 180.522
CIE-LUV	88.563, -21.558, 2.43
Hunter-Lab	85.582, -18.903, 4.53
Binary	10111101, 11100111, 11011110

#bde7de
```
#bde7de rgb(189,231,222)
```
#e7bdc6
```
#e7bdc6 rgb(231,189,198)
```

Complementary Color

#bde7c9
```
#bde7c9 rgb(189,231,201)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#bddbe7
```
#bddbe7 rgb(189,219,231)
```

Analogous Color

#e7c9bd
```
#e7c9bd rgb(231,201,189)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#e7bddb
```
#e7bddb rgb(231,189,219)
```

Split Complementary Color

#e7debd
```
#e7debd rgb(231,222,189)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#debde7
```
#debde7 rgb(222,189,231)
```

Triadic Color

#c6e7bd
```
#c6e7bd rgb(198,231,189)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#debde7
```
#debde7 rgb(222,189,231)
```
#e7bdc6
```
#e7bdc6 rgb(231,189,198)
```

Tetradic Color

#85d3c2
```
#85d3c2 rgb(133,211,194)
```
#98d9cb
```
#98d9cb rgb(152,217,203)
```
#aae0d5
```
#aae0d5 rgb(170,224,213)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#d0eee7
```
#d0eee7 rgb(208,238,231)
```
#e2f5f1
```
#e2f5f1 rgb(226,245,241)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Monochromatic Color

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

#bde7d4
```
#bde7d4 rgb(189,231,212)
```
#bde7d7
```
#bde7d7 rgb(189,231,215)
```
#bde7db
```
#bde7db rgb(189,231,219)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#bde7e2
```
#bde7e2 rgb(189,231,226)
```
#bde7e5
```
#bde7e5 rgb(189,231,229)
```
#bde6e7
```
#bde6e7 rgb(189,230,231)
```

Similar Colors

Text with hexadecimal color #bde7de

This text has a font color of #bde7de.

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

#bde7de background color

This paragraph has a background color of #bde7de.

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

#bde7de border color

This element has a border color of #bde7de.

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

CSS codes

.text {color:#bde7de;}

.background {background-color:#bde7de;}

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

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

#020605
```
#020605 rgb(2,6,5)
```
#071412
```
#071412 rgb(7,20,18)
```
#0d231e
```
#0d231e rgb(13,35,30)
```
#12312a
```
#12312a rgb(18,49,42)
```
#173f37
```
#173f37 rgb(23,63,55)
```
#1c4e43
```
#1c4e43 rgb(28,78,67)
```
#225c50
```
#225c50 rgb(34,92,80)
```
#276b5c
```
#276b5c rgb(39,107,92)
```
#2c7969
```
#2c7969 rgb(44,121,105)
```
#318775
```
#318775 rgb(49,135,117)
```
#369681
```
#369681 rgb(54,150,129)
```
#3ca48e
```
#3ca48e rgb(60,164,142)
```
#41b39a
```
#41b39a rgb(65,179,154)
```

Shade Color Variation

#4abda4
```
#4abda4 rgb(74,189,164)
```
#58c2ac
```
#58c2ac rgb(88,194,172)
```
#67c8b3
```
#67c8b3 rgb(103,200,179)
```
#75cdba
```
#75cdba rgb(117,205,186)
```
#83d2c1
```
#83d2c1 rgb(131,210,193)
```
#92d7c8
```
#92d7c8 rgb(146,215,200)
```
#a0ddd0
```
#a0ddd0 rgb(160,221,208)
```
#afe2d7
```
#afe2d7 rgb(175,226,215)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#cbece5
```
#cbece5 rgb(203,236,229)
```
#daf1ec
```
#daf1ec rgb(218,241,236)
```
#e8f7f4
```
#e8f7f4 rgb(232,247,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#d2d2d2
```
#d2d2d2 rgb(210,210,210)
```
#ced6d4
```
#ced6d4 rgb(206,214,212)
```
#cbd9d6
```
#cbd9d6 rgb(203,217,214)
```
#c7ddd8
```
#c7ddd8 rgb(199,221,216)
```
#c4e0da
```
#c4e0da rgb(196,224,218)
```
#c0e4dc
```
#c0e4dc rgb(192,228,220)
```
#bde7de
```
#bde7de rgb(189,231,222)
```
#baeae0
```
#baeae0 rgb(186,234,224)
```
#b6eee2
```
#b6eee2 rgb(182,238,226)
```
#b3f1e4
```
#b3f1e4 rgb(179,241,228)
```
#aff5e6
```
#aff5e6 rgb(175,245,230)
```
#acf8e8
```
#acf8e8 rgb(172,248,232)
```
#a8fcea
```
#a8fcea rgb(168,252,234)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d3dcda Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4deda Protanopia 1% of men
#f2d9e4 Deuteranopia 1% of men
#c5e4f5 Tritanopia 0.001% of the population

Trichromacy

#d6e1dc Protanomaly 1% of men, 0.01% of women
#dedee2 Deuteranomaly 6% of men, 0.4% of women
#c2e5ec Tritanomaly 0.01% of the population

#bde7de hex color

#bde7de Color Information

#bde7de Color Conversion

Color Schemes with #bde7de

Alternatives to #bde7de

#bde7de Preview

Shades and Tints of #bde7de

Tones of #bde7de

Color Blindness Simulator