#bde2bb hex color

In a RGB color space, hex #bde2bb is composed of 74.1% red, 88.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 17.3% yellow and 11.4% black. It has a hue angle of 116.9 degrees, a saturation of 40.2% and a lightness of 81%. #bde2bb color hex could be obtained by blending #ffffff with #7bc577. Closest websafe color is: #cccccc.

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

● #bde2bb color description : Light grayish lime green.

The hexadecimal color #bde2bb has RGB values of R:189, G:226, B:187 and CMYK values of C:0.16, M:0, Y:0.17, K:0.11. Its decimal value is 12444347.

Hex triplet	bde2bb	`#bde2bb`
RGB Decimal	189, 226, 187	`rgb(189,226,187)`
RGB Percent	74.1, 88.6, 73.3	`rgb(74.1%,88.6%,73.3%)`
CMYK	16, 0, 17, 11
HSL	116.9°, 40.2, 81	`hsl(116.9,40.2%,81%)`
HSV (or HSB)	116.9°, 17.3, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.404, -19.38, 15.107
XYZ	57.15, 68.798, 57.279
xyY	0.312, 0.375, 68.798
CIE-LCH	86.404, 24.573, 142.064
CIE-LUV	86.404, -18.589, 25.503
Hunter-Lab	82.945, -22.164, 17.117
Binary	10111101, 11100010, 10111011

#bde2bb
```
#bde2bb rgb(189,226,187)
```
#e0bbe2
```
#e0bbe2 rgb(224,187,226)
```

Complementary Color

#d1e2bb
```
#d1e2bb rgb(209,226,187)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#bbe2cd
```
#bbe2cd rgb(187,226,205)
```

Analogous Color

#e2bbd1
```
#e2bbd1 rgb(226,187,209)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#cdbbe2
```
#cdbbe2 rgb(205,187,226)
```

Split Complementary Color

#e2bbbd
```
#e2bbbd rgb(226,187,189)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#bbbde2
```
#bbbde2 rgb(187,189,226)
```

Triadic Color

#e2e0bb
```
#e2e0bb rgb(226,224,187)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#bbbde2
```
#bbbde2 rgb(187,189,226)
```
#e0bbe2
```
#e0bbe2 rgb(224,187,226)
```

Tetradic Color

#89cb85
```
#89cb85 rgb(137,203,133)
```
#9ad397
```
#9ad397 rgb(154,211,151)
```
#acdaa9
```
#acdaa9 rgb(172,218,169)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#ceeacd
```
#ceeacd rgb(206,234,205)
```
#e0f1df
```
#e0f1df rgb(224,241,223)
```
#f1f9f1
```
#f1f9f1 rgb(241,249,241)
```

Monochromatic Color

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

#c7e2bb
```
#c7e2bb rgb(199,226,187)
```
#c4e2bb
```
#c4e2bb rgb(196,226,187)
```
#c0e2bb
```
#c0e2bb rgb(192,226,187)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#bbe2bc
```
#bbe2bc rgb(187,226,188)
```
#bbe2c0
```
#bbe2c0 rgb(187,226,192)
```
#bbe2c3
```
#bbe2c3 rgb(187,226,195)
```

Similar Colors

Text with hexadecimal color #bde2bb

This text has a font color of #bde2bb.

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

#bde2bb background color

This paragraph has a background color of #bde2bb.

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

#bde2bb border color

This element has a border color of #bde2bb.

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

CSS codes

.text {color:#bde2bb;}

.background {background-color:#bde2bb;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#070f06
```
#070f06 rgb(7,15,6)
```
#0d1c0c
```
#0d1c0c rgb(13,28,12)
```
#132a12
```
#132a12 rgb(19,42,18)
```
#193818
```
#193818 rgb(25,56,24)
```
#20461e
```
#20461e rgb(32,70,30)
```
#265324
```
#265324 rgb(38,83,36)
```
#2c6129
```
#2c6129 rgb(44,97,41)
```
#326f2f
```
#326f2f rgb(50,111,47)
```
#397d35
```
#397d35 rgb(57,125,53)
```
#3f8a3b
```
#3f8a3b rgb(63,138,59)
```
#459841
```
#459841 rgb(69,152,65)
```
#4ca647
```
#4ca647 rgb(76,166,71)
```

Shade Color Variation

#52b34d
```
#52b34d rgb(82,179,77)
```
#60b95b
```
#60b95b rgb(96,185,91)
```
#6dbf68
```
#6dbf68 rgb(109,191,104)
```
#7ac576
```
#7ac576 rgb(122,197,118)
```
#88cb84
```
#88cb84 rgb(136,203,132)
```
#95d092
```
#95d092 rgb(149,208,146)
```
#a2d69f
```
#a2d69f rgb(162,214,159)
```
#b0dcad
```
#b0dcad rgb(176,220,173)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#cae8c9
```
#cae8c9 rgb(202,232,201)
```
#d8eed7
```
#d8eed7 rgb(216,238,215)
```
#e5f4e4
```
#e5f4e4 rgb(229,244,228)
```
#f2f9f2
```
#f2f9f2 rgb(242,249,242)
```

Tint Color Variation

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

#cecfce
```
#cecfce rgb(206,207,206)
```
#cad3ca
```
#cad3ca rgb(202,211,202)
```
#c7d7c6
```
#c7d7c6 rgb(199,215,198)
```
#c4dbc2
```
#c4dbc2 rgb(196,219,194)
```
#c0debf
```
#c0debf rgb(192,222,191)
```
#bde2bb
```
#bde2bb rgb(189,226,187)
```
#bae6b7
```
#bae6b7 rgb(186,230,183)
```
#b6e9b4
```
#b6e9b4 rgb(182,233,180)
```
#b3edb0
```
#b3edb0 rgb(179,237,176)
```
#b0f1ac
```
#b0f1ac rgb(176,241,172)
```
#acf5a8
```
#acf5a8 rgb(172,245,168)
```
#a9f8a5
```
#a9f8a5 rgb(169,248,165)
```
#a6fca1
```
#a6fca1 rgb(166,252,161)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#ced5cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d9b9 Protanopia 1% of men
#f6d2c3 Deuteranopia 1% of men
#c9dcec Tritanopia 0.001% of the population

Trichromacy

#d6dcba Protanomaly 1% of men, 0.01% of women
#e1d8c0 Deuteranomaly 6% of men, 0.4% of women
#c4deda Tritanomaly 0.01% of the population

#bde2bb hex color

#bde2bb Color Information

#bde2bb Color Conversion

Color Schemes with #bde2bb

Alternatives to #bde2bb

#bde2bb Preview

Shades and Tints of #bde2bb

Tones of #bde2bb

Color Blindness Simulator