#bde116 hex color

In a RGB color space, hex #bde116 is composed of 74.1% red, 88.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 90.2% yellow and 11.8% black. It has a hue angle of 70.6 degrees, a saturation of 82.2% and a lightness of 48.4%. #bde116 color hex could be obtained by blending #ffff2c with #7bc300. Closest websafe color is: #cccc00.

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

● #bde116 color description : Vivid yellow.

The hexadecimal color #bde116 has RGB values of R:189, G:225, B:22 and CMYK values of C:0.16, M:0, Y:0.9, K:0.12. Its decimal value is 12443926.

Hex triplet	bde116	`#bde116`
RGB Decimal	189, 225, 22	`rgb(189,225,22)`
RGB Percent	74.1, 88.2, 8.6	`rgb(74.1%,88.2%,8.6%)`
CMYK	16, 0, 90, 12
HSL	70.6°, 82.2, 48.4	`hsl(70.6,82.2%,48.4%)`
HSV (or HSB)	70.6°, 90.2, 88.2
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.343, -34.185, 80.651
XYZ	48.056, 64.727, 10.721
xyY	0.389, 0.524, 64.727
CIE-LCH	84.343, 87.597, 112.97
CIE-LUV	84.343, -16.408, 94.156
Hunter-Lab	80.453, -34.172, 48.416
Binary	10111101, 11100001, 00010110

#bde116
```
#bde116 rgb(189,225,22)
```
#3a16e1
```
#3a16e1 rgb(58,22,225)
```

Complementary Color

#e1a016
```
#e1a016 rgb(225,160,22)
```
#bde116
```
#bde116 rgb(189,225,22)
```
#58e116
```
#58e116 rgb(88,225,22)
```

Analogous Color

#a016e1
```
#a016e1 rgb(160,22,225)
```
#bde116
```
#bde116 rgb(189,225,22)
```
#1658e1
```
#1658e1 rgb(22,88,225)
```

Split Complementary Color

#e116bd
```
#e116bd rgb(225,22,189)
```
#bde116
```
#bde116 rgb(189,225,22)
```
#16bde1
```
#16bde1 rgb(22,189,225)
```

Triadic Color

#e13a16
```
#e13a16 rgb(225,58,22)
```
#bde116
```
#bde116 rgb(189,225,22)
```
#16bde1
```
#16bde1 rgb(22,189,225)
```
#3a16e1
```
#3a16e1 rgb(58,22,225)
```

Tetradic Color

#829b0f
```
#829b0f rgb(130,155,15)
```
#96b311
```
#96b311 rgb(150,179,17)
```
#a9ca14
```
#a9ca14 rgb(169,202,20)
```
#bde116
```
#bde116 rgb(189,225,22)
```
#c7ea27
```
#c7ea27 rgb(199,234,39)
```
#cdec3e
```
#cdec3e rgb(205,236,62)
```
#d3ee55
```
#d3ee55 rgb(211,238,85)
```

Monochromatic Color

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

#e1d216
```
#e1d216 rgb(225,210,22)
```
#dfe116
```
#dfe116 rgb(223,225,22)
```
#cee116
```
#cee116 rgb(206,225,22)
```
#bde116
```
#bde116 rgb(189,225,22)
```
#ace116
```
#ace116 rgb(172,225,22)
```
#9be116
```
#9be116 rgb(155,225,22)
```
#8ae116
```
#8ae116 rgb(138,225,22)
```

Similar Colors

Text with hexadecimal color #bde116

This text has a font color of #bde116.

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

#bde116 background color

This paragraph has a background color of #bde116.

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

#bde116 border color

This element has a border color of #bde116.

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

CSS codes

.text {color:#bde116;}

.background {background-color:#bde116;}

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

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, #090b01 is the darkest color, while #fdfef8 is the lightest one.

#090b01
```
#090b01 rgb(9,11,1)
```
#181c03
```
#181c03 rgb(24,28,3)
```
#272e05
```
#272e05 rgb(39,46,5)
```
#364006
```
#364006 rgb(54,64,6)
```
#455208
```
#455208 rgb(69,82,8)
```
#54640a
```
#54640a rgb(84,100,10)
```
#63760c
```
#63760c rgb(99,118,12)
```
#72880d
```
#72880d rgb(114,136,13)
```
#819a0f
```
#819a0f rgb(129,154,15)
```
#90ab11
```
#90ab11 rgb(144,171,17)
```
#9fbd13
```
#9fbd13 rgb(159,189,19)
```
#aecf14
```
#aecf14 rgb(174,207,20)
```
#bde116
```
#bde116 rgb(189,225,22)
```

Shade Color Variation

#c6e921
```
#c6e921 rgb(198,233,33)
```
#caeb33
```
#caeb33 rgb(202,235,51)
```
#cfed45
```
#cfed45 rgb(207,237,69)
```
#d4ef57
```
#d4ef57 rgb(212,239,87)
```
#d8f069
```
#d8f069 rgb(216,240,105)
```
#ddf27b
```
#ddf27b rgb(221,242,123)
```
#e1f48d
```
#e1f48d rgb(225,244,141)
```
#e6f69e
```
#e6f69e rgb(230,246,158)
```
#ebf7b0
```
#ebf7b0 rgb(235,247,176)
```
#eff9c2
```
#eff9c2 rgb(239,249,194)
```
#f4fbd4
```
#f4fbd4 rgb(244,251,212)
```
#f9fde6
```
#f9fde6 rgb(249,253,230)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

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

#808275
```
#808275 rgb(128,130,117)
```
#868c6c
```
#868c6c rgb(134,140,108)
```
#8c9562
```
#8c9562 rgb(140,149,98)
```
#929f59
```
#929f59 rgb(146,159,89)
```
#98a84f
```
#98a84f rgb(152,168,79)
```
#9eb246
```
#9eb246 rgb(158,178,70)
```
#a4bb3c
```
#a4bb3c rgb(164,187,60)
```
#abc533
```
#abc533 rgb(171,197,51)
```
#b1ce29
```
#b1ce29 rgb(177,206,41)
```
#b7d820
```
#b7d820 rgb(183,216,32)
```
#bde116
```
#bde116 rgb(189,225,22)
```
#c3eb0d
```
#c3eb0d rgb(195,235,13)
```
#c9f403
```
#c9f403 rgb(201,244,3)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bfc69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed51d Protanopia 1% of men
#ffcc77 Deuteranopia 1% of men
#d3d3e2 Tritanopia 0.001% of the population

Trichromacy

#dcd91a Protanomaly 1% of men, 0.01% of women
#e7d453 Deuteranomaly 6% of men, 0.4% of women
#cbd898 Tritanomaly 0.01% of the population

#bde116 hex color

#bde116 Color Information

#bde116 Color Conversion

Color Schemes with #bde116

Alternatives to #bde116

#bde116 Preview

Shades and Tints of #bde116

Tones of #bde116

Color Blindness Simulator