#bde916 hex color

In a RGB color space, hex #bde916 is composed of 74.1% red, 91.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 90.6% yellow and 8.6% black. It has a hue angle of 72.5 degrees, a saturation of 82.7% and a lightness of 50%. #bde916 color hex could be obtained by blending #ffff2c with #7bd300. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 74
- G 91
- B 9
RGB color chart
- C 19
- M 0
- Y 91
- K 9
CMYK color chart

● #bde916 color description : Vivid yellow.

The hexadecimal color #bde916 has RGB values of R:189, G:233, B:22 and CMYK values of C:0.19, M:0, Y:0.91, K:0.09. Its decimal value is 12445974.

Hex triplet	bde916	`#bde916`
RGB Decimal	189, 233, 22	`rgb(189,233,22)`
RGB Percent	74.1, 91.4, 8.6	`rgb(74.1%,91.4%,8.6%)`
CMYK	19, 0, 91, 9
HSL	72.5°, 82.7, 50	`hsl(72.5,82.7%,50%)`
HSV (or HSB)	72.5°, 90.6, 91.4
Web Safe	ccff00	`#ccff00`

CIE-LAB	86.58, -37.805, 82.437
XYZ	50.269, 69.154, 11.459
xyY	0.384, 0.528, 69.154
CIE-LCH	86.58, 90.692, 114.636
CIE-LUV	86.58, -20.956, 97.243
Hunter-Lab	83.159, -37.625, 50.041
Binary	10111101, 11101001, 00010110

#bde916
```
#bde916 rgb(189,233,22)
```
#4216e9
```
#4216e9 rgb(66,22,233)
```

Complementary Color

#e9ac16
```
#e9ac16 rgb(233,172,22)
```
#bde916
```
#bde916 rgb(189,233,22)
```
#54e916
```
#54e916 rgb(84,233,22)
```

Analogous Color

#ac16e9
```
#ac16e9 rgb(172,22,233)
```
#bde916
```
#bde916 rgb(189,233,22)
```
#1654e9
```
#1654e9 rgb(22,84,233)
```

Split Complementary Color

#e916bd
```
#e916bd rgb(233,22,189)
```
#bde916
```
#bde916 rgb(189,233,22)
```
#16bde9
```
#16bde9 rgb(22,189,233)
```

Triadic Color

#e94216
```
#e94216 rgb(233,66,22)
```
#bde916
```
#bde916 rgb(189,233,22)
```
#16bde9
```
#16bde9 rgb(22,189,233)
```
#4216e9
```
#4216e9 rgb(66,22,233)
```

Tetradic Color

#84a30f
```
#84a30f rgb(132,163,15)
```
#97ba12
```
#97ba12 rgb(151,186,18)
```
#aad214
```
#aad214 rgb(170,210,20)
```
#bde916
```
#bde916 rgb(189,233,22)
```
#c4eb2d
```
#c4eb2d rgb(196,235,45)
```
#caed45
```
#caed45 rgb(202,237,69)
```
#d1f05c
```
#d1f05c rgb(209,240,92)
```

Monochromatic Color

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

#e9e016
```
#e9e016 rgb(233,224,22)
```
#e0e916
```
#e0e916 rgb(224,233,22)
```
#cfe916
```
#cfe916 rgb(207,233,22)
```
#bde916
```
#bde916 rgb(189,233,22)
```
#abe916
```
#abe916 rgb(171,233,22)
```
#9ae916
```
#9ae916 rgb(154,233,22)
```
#88e916
```
#88e916 rgb(136,233,22)
```

Similar Colors

Text with hexadecimal color #bde916

This text has a font color of #bde916.

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

#bde916 background color

This paragraph has a background color of #bde916.

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

#bde916 border color

This element has a border color of #bde916.

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

CSS codes

.text {color:#bde916;}

.background {background-color:#bde916;}

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

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

#0f1202
```
#0f1202 rgb(15,18,2)
```
#1d2403
```
#1d2403 rgb(29,36,3)
```
#2c3605
```
#2c3605 rgb(44,54,5)
```
#3a4807
```
#3a4807 rgb(58,72,7)
```
#495a08
```
#495a08 rgb(73,90,8)
```
#576c0a
```
#576c0a rgb(87,108,10)
```
#667d0c
```
#667d0c rgb(102,125,12)
```
#748f0e
```
#748f0e rgb(116,143,14)
```
#83a10f
```
#83a10f rgb(131,161,15)
```
#91b311
```
#91b311 rgb(145,179,17)
```
#a0c513
```
#a0c513 rgb(160,197,19)
```
#aed714
```
#aed714 rgb(174,215,20)
```
#bde916
```
#bde916 rgb(189,233,22)
```

Shade Color Variation

#c2eb28
```
#c2eb28 rgb(194,235,40)
```
#c7ec3a
```
#c7ec3a rgb(199,236,58)
```
#ccee4c
```
#ccee4c rgb(204,238,76)
```
#d1f05e
```
#d1f05e rgb(209,240,94)
```
#d6f170
```
#d6f170 rgb(214,241,112)
```
#dbf382
```
#dbf382 rgb(219,243,130)
```
#e1f593
```
#e1f593 rgb(225,245,147)
```
#e6f7a5
```
#e6f7a5 rgb(230,247,165)
```
#ebf8b7
```
#ebf8b7 rgb(235,248,183)
```
#f0fac9
```
#f0fac9 rgb(240,250,201)
```
#f5fcdb
```
#f5fcdb rgb(245,252,219)
```
#fafded
```
#fafded rgb(250,253,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#848778
```
#848778 rgb(132,135,120)
```
#8a916e
```
#8a916e rgb(138,145,110)
```
#8f9b64
```
#8f9b64 rgb(143,155,100)
```
#95a45b
```
#95a45b rgb(149,164,91)
```
#9bae51
```
#9bae51 rgb(155,174,81)
```
#a0b847
```
#a0b847 rgb(160,184,71)
```
#a6c23d
```
#a6c23d rgb(166,194,61)
```
#accc33
```
#accc33 rgb(172,204,51)
```
#b2d52a
```
#b2d52a rgb(178,213,42)
```
#b7df20
```
#b7df20 rgb(183,223,32)
```
#bde916
```
#bde916 rgb(189,233,22)
```
#c3f30c
```
#c3f30c rgb(195,243,12)
```
#c8fd02
```
#c8fd02 rgb(200,253,2)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c3cba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db1c Protanopia 1% of men
#ffd492 Deuteranopia 1% of men
#d5daea Tritanopia 0.001% of the population

Trichromacy

#e0e01a Protanomaly 1% of men, 0.01% of women
#e7db65 Deuteranomaly 6% of men, 0.4% of women
#ccdf9d Tritanomaly 0.01% of the population

#bde916 hex color

#bde916 Color Information

#bde916 Color Conversion

Color Schemes with #bde916

Alternatives to #bde916

#bde916 Preview

Shades and Tints of #bde916

Tones of #bde916

Color Blindness Simulator