#bde4bb hex color

In a RGB color space, hex #bde4bb is composed of 74.1% red, 89.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 18% yellow and 10.6% black. It has a hue angle of 117.1 degrees, a saturation of 43.2% and a lightness of 81.4%. #bde4bb color hex could be obtained by blending #ffffff with #7bc977. Closest websafe color is: #cccccc.

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

● #bde4bb color description : Light grayish lime green.

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

Hex triplet	bde4bb	`#bde4bb`
RGB Decimal	189, 228, 187	`rgb(189,228,187)`
RGB Percent	74.1, 89.4, 73.3	`rgb(74.1%,89.4%,73.3%)`
CMYK	17, 0, 18, 11
HSL	117.1°, 43.2, 81.4	`hsl(117.1,43.2%,81.4%)`
HSV (or HSB)	117.1°, 18, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.944, -20.366, 15.867
XYZ	57.697, 69.892, 57.462
xyY	0.312, 0.378, 69.892
CIE-LCH	86.944, 25.817, 142.078
CIE-LUV	86.944, -19.577, 26.769
Hunter-Lab	83.602, -23.112, 17.769
Binary	10111101, 11100100, 10111011

#bde4bb
```
#bde4bb rgb(189,228,187)
```
#e2bbe4
```
#e2bbe4 rgb(226,187,228)
```

Complementary Color

#d2e4bb
```
#d2e4bb rgb(210,228,187)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#bbe4ce
```
#bbe4ce rgb(187,228,206)
```

Analogous Color

#e4bbd2
```
#e4bbd2 rgb(228,187,210)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#cebbe4
```
#cebbe4 rgb(206,187,228)
```

Split Complementary Color

#e4bbbd
```
#e4bbbd rgb(228,187,189)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#bbbde4
```
#bbbde4 rgb(187,189,228)
```

Triadic Color

#e4e2bb
```
#e4e2bb rgb(228,226,187)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#bbbde4
```
#bbbde4 rgb(187,189,228)
```
#e2bbe4
```
#e2bbe4 rgb(226,187,228)
```

Tetradic Color

#88ce84
```
#88ce84 rgb(136,206,132)
```
#9ad696
```
#9ad696 rgb(154,214,150)
```
#abdda9
```
#abdda9 rgb(171,221,169)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#cfebcd
```
#cfebcd rgb(207,235,205)
```
#e0f2e0
```
#e0f2e0 rgb(224,242,224)
```
#f2faf2
```
#f2faf2 rgb(242,250,242)
```

Monochromatic Color

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

#c7e4bb
```
#c7e4bb rgb(199,228,187)
```
#c4e4bb
```
#c4e4bb rgb(196,228,187)
```
#c0e4bb
```
#c0e4bb rgb(192,228,187)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#bbe4bc
```
#bbe4bc rgb(187,228,188)
```
#bbe4c0
```
#bbe4c0 rgb(187,228,192)
```
#bbe4c3
```
#bbe4c3 rgb(187,228,195)
```

Similar Colors

Text with hexadecimal color #bde4bb

This text has a font color of #bde4bb.

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

#bde4bb background color

This paragraph has a background color of #bde4bb.

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

#bde4bb border color

This element has a border color of #bde4bb.

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

CSS codes

.text {color:#bde4bb;}

.background {background-color:#bde4bb;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#071006
```
#071006 rgb(7,16,6)
```
#0d1e0c
```
#0d1e0c rgb(13,30,12)
```
#132c12
```
#132c12 rgb(19,44,18)
```
#193a17
```
#193a17 rgb(25,58,23)
```
#1f481d
```
#1f481d rgb(31,72,29)
```
#255622
```
#255622 rgb(37,86,34)
```
#2b6428
```
#2b6428 rgb(43,100,40)
```
#31732d
```
#31732d rgb(49,115,45)
```
#378133
```
#378133 rgb(55,129,51)
```
#3d8f39
```
#3d8f39 rgb(61,143,57)
```
#439d3e
```
#439d3e rgb(67,157,62)
```
#49ab44
```
#49ab44 rgb(73,171,68)
```

Shade Color Variation

#50b74b
```
#50b74b rgb(80,183,75)
```
#5ebd59
```
#5ebd59 rgb(94,189,89)
```
#6bc367
```
#6bc367 rgb(107,195,103)
```
#79c875
```
#79c875 rgb(121,200,117)
```
#86ce83
```
#86ce83 rgb(134,206,131)
```
#94d391
```
#94d391 rgb(148,211,145)
```
#a2d99f
```
#a2d99f rgb(162,217,159)
```
#afdead
```
#afdead rgb(175,222,173)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#cbeac9
```
#cbeac9 rgb(203,234,201)
```
#d8efd7
```
#d8efd7 rgb(216,239,215)
```
#e6f5e5
```
#e6f5e5 rgb(230,245,229)
```
#f4faf3
```
#f4faf3 rgb(244,250,243)
```

Tint Color Variation

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

#cdd2cd
```
#cdd2cd rgb(205,210,205)
```
#cad5ca
```
#cad5ca rgb(202,213,202)
```
#c7d9c6
```
#c7d9c6 rgb(199,217,198)
```
#c4ddc2
```
#c4ddc2 rgb(196,221,194)
```
#c0e0bf
```
#c0e0bf rgb(192,224,191)
```
#bde4bb
```
#bde4bb rgb(189,228,187)
```
#bae8b7
```
#bae8b7 rgb(186,232,183)
```
#b6ebb4
```
#b6ebb4 rgb(182,235,180)
```
#b3efb0
```
#b3efb0 rgb(179,239,176)
```
#b0f3ac
```
#b0f3ac rgb(176,243,172)
```
#adf6a9
```
#adf6a9 rgb(173,246,169)
```
#a9faa5
```
#a9faa5 rgb(169,250,165)
```
#a6fea1
```
#a6fea1 rgb(166,254,161)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd7cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dbb9 Protanopia 1% of men
#f8d4c4 Deuteranopia 1% of men
#c9deee Tritanopia 0.001% of the population

Trichromacy

#d7deba Protanomaly 1% of men, 0.01% of women
#e3d9c0 Deuteranomaly 6% of men, 0.4% of women
#c5e0db Tritanomaly 0.01% of the population

#bde4bb hex color

#bde4bb Color Information

#bde4bb Color Conversion

Color Schemes with #bde4bb

Alternatives to #bde4bb

#bde4bb Preview

Shades and Tints of #bde4bb

Tones of #bde4bb

Color Blindness Simulator