#bde158 hex color

In a RGB color space, hex #bde158 is composed of 74.1% red, 88.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 60.9% yellow and 11.8% black. It has a hue angle of 75.8 degrees, a saturation of 69.5% and a lightness of 61.4%. #bde158 color hex could be obtained by blending #ffffb0 with #7bc300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 74
- G 88
- B 35
RGB color chart
- C 16
- M 0
- Y 61
- K 12
CMYK color chart

● #bde158 color description : Soft green.

The hexadecimal color #bde158 has RGB values of R:189, G:225, B:88 and CMYK values of C:0.16, M:0, Y:0.61, K:0.12. Its decimal value is 12443992.

Hex triplet	bde158	`#bde158`
RGB Decimal	189, 225, 88	`rgb(189,225,88)`
RGB Percent	74.1, 88.2, 34.5	`rgb(74.1%,88.2%,34.5%)`
CMYK	16, 0, 61, 12
HSL	75.8°, 69.5, 61.4	`hsl(75.8,69.5%,61.4%)`
HSV (or HSB)	75.8°, 60.9, 88.2
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.676, -31.204, 61.361
XYZ	49.672, 65.373, 19.233
xyY	0.37, 0.487, 65.373
CIE-LCH	84.676, 68.839, 116.955
CIE-LUV	84.676, -16.751, 79.751
Hunter-Lab	80.854, -31.833, 42.494
Binary	10111101, 11100001, 01011000

#bde158
```
#bde158 rgb(189,225,88)
```
#7c58e1
```
#7c58e1 rgb(124,88,225)
```

Complementary Color

#e1c158
```
#e1c158 rgb(225,193,88)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#79e158
```
#79e158 rgb(121,225,88)
```

Analogous Color

#c158e1
```
#c158e1 rgb(193,88,225)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#5879e1
```
#5879e1 rgb(88,121,225)
```

Split Complementary Color

#e158bd
```
#e158bd rgb(225,88,189)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#58bde1
```
#58bde1 rgb(88,189,225)
```

Triadic Color

#e17c58
```
#e17c58 rgb(225,124,88)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#58bde1
```
#58bde1 rgb(88,189,225)
```
#7c58e1
```
#7c58e1 rgb(124,88,225)
```

Tetradic Color

#9dc824
```
#9dc824 rgb(157,200,36)
```
#acd92d
```
#acd92d rgb(172,217,45)
```
#b4dd42
```
#b4dd42 rgb(180,221,66)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#c6e56e
```
#c6e56e rgb(198,229,110)
```
#cee983
```
#cee983 rgb(206,233,131)
```
#d7ed99
```
#d7ed99 rgb(215,237,153)
```

Monochromatic Color

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

#dfe158
```
#dfe158 rgb(223,225,88)
```
#d4e158
```
#d4e158 rgb(212,225,88)
```
#c8e158
```
#c8e158 rgb(200,225,88)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#b2e158
```
#b2e158 rgb(178,225,88)
```
#a6e158
```
#a6e158 rgb(166,225,88)
```
#9be158
```
#9be158 rgb(155,225,88)
```

Similar Colors

Text with hexadecimal color #bde158

This text has a font color of #bde158.

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

#bde158 background color

This paragraph has a background color of #bde158.

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

#bde158 border color

This element has a border color of #bde158.

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

CSS codes

.text {color:#bde158;}

.background {background-color:#bde158;}

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

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, #0c1003 is the darkest color, while #fffffe is the lightest one.

#0c1003
```
#0c1003 rgb(12,16,3)
```
#1a2106
```
#1a2106 rgb(26,33,6)
```
#273109
```
#273109 rgb(39,49,9)
```
#34420c
```
#34420c rgb(52,66,12)
```
#41520f
```
#41520f rgb(65,82,15)
```
#4e6312
```
#4e6312 rgb(78,99,18)
```
#5b7415
```
#5b7415 rgb(91,116,21)
```
#688418
```
#688418 rgb(104,132,24)
```
#75951b
```
#75951b rgb(117,149,27)
```
#82a61e
```
#82a61e rgb(130,166,30)
```
#8fb621
```
#8fb621 rgb(143,182,33)
```
#9cc724
```
#9cc724 rgb(156,199,36)
```
#a9d727
```
#a9d727 rgb(169,215,39)
```

Shade Color Variation

#b0db37
```
#b0db37 rgb(176,219,55)
```
#b6de47
```
#b6de47 rgb(182,222,71)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#c4e469
```
#c4e469 rgb(196,228,105)
```
#cae779
```
#cae779 rgb(202,231,121)
```
#d1ea8a
```
#d1ea8a rgb(209,234,138)
```
#d7ed9b
```
#d7ed9b rgb(215,237,155)
```
#def0ab
```
#def0ab rgb(222,240,171)
```
#e4f3bc
```
#e4f3bc rgb(228,243,188)
```
#ebf6cc
```
#ebf6cc rgb(235,246,204)
```
#f2f9dd
```
#f2f9dd rgb(242,249,221)
```
#f8fcee
```
#f8fcee rgb(248,252,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a0a495
```
#a0a495 rgb(160,164,149)
```
#a4ac8d
```
#a4ac8d rgb(164,172,141)
```
#a7b485
```
#a7b485 rgb(167,180,133)
```
#abbb7e
```
#abbb7e rgb(171,187,126)
```
#afc376
```
#afc376 rgb(175,195,118)
```
#b2ca6f
```
#b2ca6f rgb(178,202,111)
```
#b6d267
```
#b6d267 rgb(182,210,103)
```
#b9d960
```
#b9d960 rgb(185,217,96)
```
#bde158
```
#bde158 rgb(189,225,88)
```
#c1e950
```
#c1e950 rgb(193,233,80)
```
#c4f049
```
#c4f049 rgb(196,240,73)
```
#c8f841
```
#c8f841 rgb(200,248,65)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5ccb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd55d Protanopia 1% of men
#ffcd83 Deuteranopia 1% of men
#d1d5e4 Tritanopia 0.001% of the population

Trichromacy

#dbd95b Protanomaly 1% of men, 0.01% of women
#e7d473 Deuteranomaly 6% of men, 0.4% of women
#cad9b1 Tritanomaly 0.01% of the population

#bde158 hex color

#bde158 Color Information

#bde158 Color Conversion

Color Schemes with #bde158

Alternatives to #bde158

#bde158 Preview

Shades and Tints of #bde158

Tones of #bde158

Color Blindness Simulator