#bde4ed hex color

In a RGB color space, hex #bde4ed is composed of 74.1% red, 89.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 3.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 191.3 degrees, a saturation of 57.1% and a lightness of 83.5%. #bde4ed color hex could be obtained by blending #ffffff with #7bc9db. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 89
- B 93
RGB color chart
- C 20
- M 4
- Y 0
- K 7
CMYK color chart

● #bde4ed color description : Very soft cyan.

The hexadecimal color #bde4ed has RGB values of R:189, G:228, B:237 and CMYK values of C:0.2, M:0.04, Y:0, K:0.07. Its decimal value is 12444909.

Hex triplet	bde4ed	`#bde4ed`
RGB Decimal	189, 228, 237	`rgb(189,228,237)`
RGB Percent	74.1, 89.4, 92.9	`rgb(74.1%,89.4%,92.9%)`
CMYK	20, 4, 0, 7
HSL	191.3°, 57.1, 83.5	`hsl(191.3,57.1%,83.5%)`
HSV (or HSB)	191.3°, 20.3, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.17, -10.734, -8.595
XYZ	64.012, 72.418, 90.722
xyY	0.282, 0.319, 72.418
CIE-LCH	88.17, 13.751, 218.685
CIE-LUV	88.17, -20.442, -11.62
Hunter-Lab	85.099, -14.654, -3.638
Binary	10111101, 11100100, 11101101

#bde4ed
```
#bde4ed rgb(189,228,237)
```
#edc6bd
```
#edc6bd rgb(237,198,189)
```

Complementary Color

#bdedde
```
#bdedde rgb(189,237,222)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#bdcced
```
#bdcced rgb(189,204,237)
```

Analogous Color

#eddebd
```
#eddebd rgb(237,222,189)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#edbdcc
```
#edbdcc rgb(237,189,204)
```

Split Complementary Color

#e4edbd
```
#e4edbd rgb(228,237,189)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#edbde4
```
#edbde4 rgb(237,189,228)
```

Triadic Color

#bdedc6
```
#bdedc6 rgb(189,237,198)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#edbde4
```
#edbde4 rgb(237,189,228)
```
#edc6bd
```
#edc6bd rgb(237,198,189)
```

Tetradic Color

#81cbdd
```
#81cbdd rgb(129,203,221)
```
#95d4e2
```
#95d4e2 rgb(149,212,226)
```
#a9dce8
```
#a9dce8 rgb(169,220,232)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#d1ecf2
```
#d1ecf2 rgb(209,236,242)
```
#e5f4f8
```
#e5f4f8 rgb(229,244,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Monochromatic Color

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

#bdedea
```
#bdedea rgb(189,237,234)
```
#bdeced
```
#bdeced rgb(189,236,237)
```
#bde8ed
```
#bde8ed rgb(189,232,237)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#bde0ed
```
#bde0ed rgb(189,224,237)
```
#bddced
```
#bddced rgb(189,220,237)
```
#bdd8ed
```
#bdd8ed rgb(189,216,237)
```

Similar Colors

Text with hexadecimal color #bde4ed

This text has a font color of #bde4ed.

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

#bde4ed background color

This paragraph has a background color of #bde4ed.

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

#bde4ed border color

This element has a border color of #bde4ed.

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

CSS codes

.text {color:#bde4ed;}

.background {background-color:#bde4ed;}

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

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, #030a0b is the darkest color, while #fbfdfe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#07171a
```
#07171a rgb(7,23,26)
```
#0b242a
```
#0b242a rgb(11,36,42)
```
#103139
```
#103139 rgb(16,49,57)
```
#143f49
```
#143f49 rgb(20,63,73)
```
#184c58
```
#184c58 rgb(24,76,88)
```
#1c5968
```
#1c5968 rgb(28,89,104)
```
#206777
```
#206777 rgb(32,103,119)
```
#257486
```
#257486 rgb(37,116,134)
```
#298196
```
#298196 rgb(41,129,150)
```
#2d8fa5
```
#2d8fa5 rgb(45,143,165)
```
#319cb5
```
#319cb5 rgb(49,156,181)
```
#35a9c4
```
#35a9c4 rgb(53,169,196)
```

Shade Color Variation

#42b2cb
```
#42b2cb rgb(66,178,203)
```
#51b8d0
```
#51b8d0 rgb(81,184,208)
```
#61bed4
```
#61bed4 rgb(97,190,212)
```
#70c4d8
```
#70c4d8 rgb(112,196,216)
```
#7fcbdc
```
#7fcbdc rgb(127,203,220)
```
#8fd1e0
```
#8fd1e0 rgb(143,209,224)
```
#9ed7e5
```
#9ed7e5 rgb(158,215,229)
```
#aedee9
```
#aedee9 rgb(174,222,233)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#cceaf1
```
#cceaf1 rgb(204,234,241)
```
#dcf1f5
```
#dcf1f5 rgb(220,241,245)
```
#ebf7fa
```
#ebf7fa rgb(235,247,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#d4d6d6
```
#d4d6d6 rgb(212,214,214)
```
#d0d8da
```
#d0d8da rgb(208,216,218)
```
#cddadd
```
#cddadd rgb(205,218,221)
```
#cadce0
```
#cadce0 rgb(202,220,224)
```
#c7dee3
```
#c7dee3 rgb(199,222,227)
```
#c3e0e7
```
#c3e0e7 rgb(195,224,231)
```
#c0e2ea
```
#c0e2ea rgb(192,226,234)
```
#bde4ed
```
#bde4ed rgb(189,228,237)
```
#bae6f0
```
#bae6f0 rgb(186,230,240)
```
#b7e8f3
```
#b7e8f3 rgb(183,232,243)
```
#b3eaf7
```
#b3eaf7 rgb(179,234,247)
```
#b0ecfa
```
#b0ecfa rgb(176,236,250)
```
#adeefd
```
#adeefd rgb(173,238,253)
```

Tone Color Variation

Below, you can see how #bde4ed 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
#d3dbdd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdde9 Protanopia 1% of men
#ead9f2 Deuteranopia 1% of men
#c2e4f4 Tritanopia 0.001% of the population

Trichromacy

#d2dfea Protanomaly 1% of men, 0.01% of women
#d9ddf0 Deuteranomaly 6% of men, 0.4% of women
#c0e4f1 Tritanomaly 0.01% of the population

#bde4ed hex color

#bde4ed Color Information

#bde4ed Color Conversion

Color Schemes with #bde4ed

Alternatives to #bde4ed

#bde4ed Preview

Shades and Tints of #bde4ed

Tones of #bde4ed

Color Blindness Simulator