#bde4cc hex color

In a RGB color space, hex #bde4cc is composed of 74.1% red, 89.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 10.5% yellow and 10.6% black. It has a hue angle of 143.1 degrees, a saturation of 41.9% and a lightness of 81.8%. #bde4cc color hex could be obtained by blending #ffffff with #7bc999. Closest websafe color is: #cccccc.

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

● #bde4cc color description : Light grayish cyan - lime green.

The hexadecimal color #bde4cc has RGB values of R:189, G:228, B:204 and CMYK values of C:0.17, M:0, Y:0.11, K:0.11. Its decimal value is 12444876.

Hex triplet	bde4cc	`#bde4cc`
RGB Decimal	189, 228, 204	`rgb(189,228,204)`
RGB Percent	74.1, 89.4, 80	`rgb(74.1%,89.4%,80%)`
CMYK	17, 0, 11, 11
HSL	143.1°, 41.9, 81.8	`hsl(143.1,41.9%,81.8%)`
HSV (or HSB)	143.1°, 17.1, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	87.321, -17.326, 7.504
XYZ	59.626, 70.664, 67.621
xyY	0.301, 0.357, 70.664
CIE-LCH	87.321, 18.881, 156.582
CIE-LUV	87.321, -19.853, 14.27
Hunter-Lab	84.062, -20.496, 11.149
Binary	10111101, 11100100, 11001100

#bde4cc
```
#bde4cc rgb(189,228,204)
```
#e4bdd5
```
#e4bdd5 rgb(228,189,213)
```

Complementary Color

#c2e4bd
```
#c2e4bd rgb(194,228,189)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#bde4e0
```
#bde4e0 rgb(189,228,224)
```

Analogous Color

#e4bdc2
```
#e4bdc2 rgb(228,189,194)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#e0bde4
```
#e0bde4 rgb(224,189,228)
```

Split Complementary Color

#e4ccbd
```
#e4ccbd rgb(228,204,189)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#ccbde4
```
#ccbde4 rgb(204,189,228)
```

Triadic Color

#d5e4bd
```
#d5e4bd rgb(213,228,189)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#ccbde4
```
#ccbde4 rgb(204,189,228)
```
#e4bdd5
```
#e4bdd5 rgb(228,189,213)
```

Tetradic Color

#87cea2
```
#87cea2 rgb(135,206,162)
```
#99d5b0
```
#99d5b0 rgb(153,213,176)
```
#abddbe
```
#abddbe rgb(171,221,190)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#cfebda
```
#cfebda rgb(207,235,218)
```
#e1f3e8
```
#e1f3e8 rgb(225,243,232)
```
#f3faf6
```
#f3faf6 rgb(243,250,246)
```

Monochromatic Color

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

#bde4c2
```
#bde4c2 rgb(189,228,194)
```
#bde4c6
```
#bde4c6 rgb(189,228,198)
```
#bde4c9
```
#bde4c9 rgb(189,228,201)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#bde4cf
```
#bde4cf rgb(189,228,207)
```
#bde4d3
```
#bde4d3 rgb(189,228,211)
```
#bde4d6
```
#bde4d6 rgb(189,228,214)
```

Similar Colors

Text with hexadecimal color #bde4cc

This text has a font color of #bde4cc.

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

#bde4cc background color

This paragraph has a background color of #bde4cc.

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

#bde4cc border color

This element has a border color of #bde4cc.

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

CSS codes

.text {color:#bde4cc;}

.background {background-color:#bde4cc;}

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

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

#010402
```
#010402 rgb(1,4,2)
```
#07120b
```
#07120b rgb(7,18,11)
```
#0d1f14
```
#0d1f14 rgb(13,31,20)
```
#132d1d
```
#132d1d rgb(19,45,29)
```
#183b26
```
#183b26 rgb(24,59,38)
```
#1e492f
```
#1e492f rgb(30,73,47)
```
#245737
```
#245737 rgb(36,87,55)
```
#296540
```
#296540 rgb(41,101,64)
```
#2f7349
```
#2f7349 rgb(47,115,73)
```
#358152
```
#358152 rgb(53,129,82)
```
#3a8f5b
```
#3a8f5b rgb(58,143,91)
```
#409d64
```
#409d64 rgb(64,157,100)
```
#46ab6d
```
#46ab6d rgb(70,171,109)
```

Shade Color Variation

#4eb676
```
#4eb676 rgb(78,182,118)
```
#5cbc81
```
#5cbc81 rgb(92,188,129)
```
#69c28b
```
#69c28b rgb(105,194,139)
```
#77c896
```
#77c896 rgb(119,200,150)
```
#85cda1
```
#85cda1 rgb(133,205,161)
```
#93d3ac
```
#93d3ac rgb(147,211,172)
```
#a1d9b6
```
#a1d9b6 rgb(161,217,182)
```
#afdec1
```
#afdec1 rgb(175,222,193)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#cbead7
```
#cbead7 rgb(203,234,215)
```
#d9efe2
```
#d9efe2 rgb(217,239,226)
```
#e7f5ec
```
#e7f5ec rgb(231,245,236)
```
#f5fbf7
```
#f5fbf7 rgb(245,251,247)
```

Tint Color Variation

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

#cfd2d0
```
#cfd2d0 rgb(207,210,208)
```
#cbd6cf
```
#cbd6cf rgb(203,214,207)
```
#c8d9ce
```
#c8d9ce rgb(200,217,206)
```
#c4ddce
```
#c4ddce rgb(196,221,206)
```
#c1e0cd
```
#c1e0cd rgb(193,224,205)
```
#bde4cc
```
#bde4cc rgb(189,228,204)
```
#b9e8cb
```
#b9e8cb rgb(185,232,203)
```
#b6ebca
```
#b6ebca rgb(182,235,202)
```
#b2efca
```
#b2efca rgb(178,239,202)
```
#aff2c9
```
#aff2c9 rgb(175,242,201)
```
#abf6c8
```
#abf6c8 rgb(171,246,200)
```
#a8f9c7
```
#a8f9c7 rgb(168,249,199)
```
#a4fdc6
```
#a4fdc6 rgb(164,253,198)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d1d9d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4dbc9 Protanopia 1% of men
#f4d5d3 Deuteranopia 1% of men
#c7e0f0 Tritanopia 0.001% of the population

Trichromacy

#d6deca Protanomaly 1% of men, 0.01% of women
#e0dad0 Deuteranomaly 6% of men, 0.4% of women
#c3e1e3 Tritanomaly 0.01% of the population

#bde4cc hex color

#bde4cc Color Information

#bde4cc Color Conversion

Color Schemes with #bde4cc

Alternatives to #bde4cc

#bde4cc Preview

Shades and Tints of #bde4cc

Tones of #bde4cc

Color Blindness Simulator