#bde222 hex color

In a RGB color space, hex #bde222 is composed of 74.1% red, 88.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 85% yellow and 11.4% black. It has a hue angle of 71.6 degrees, a saturation of 76.8% and a lightness of 51%. #bde222 color hex could be obtained by blending #ffff44 with #7bc500. Closest websafe color is: #cccc33.

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

● #bde222 color description : Bright yellow.

The hexadecimal color #bde222 has RGB values of R:189, G:226, B:34 and CMYK values of C:0.16, M:0, Y:0.85, K:0.11. Its decimal value is 12444194.

Hex triplet	bde222	`#bde222`
RGB Decimal	189, 226, 34	`rgb(189,226,34)`
RGB Percent	74.1, 88.6, 13.3	`rgb(74.1%,88.6%,13.3%)`
CMYK	16, 0, 85, 11
HSL	71.6°, 76.8, 51	`hsl(71.6,76.8%,51%)`
HSV (or HSB)	71.6°, 85, 88.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.652, -34.374, 78.81
XYZ	48.471, 65.327, 11.569
xyY	0.387, 0.521, 65.327
CIE-LCH	84.652, 85.98, 113.565
CIE-LUV	84.652, -17.014, 93.23
Hunter-Lab	80.825, -34.397, 48.091
Binary	10111101, 11100010, 00100010

#bde222
```
#bde222 rgb(189,226,34)
```
#4722e2
```
#4722e2 rgb(71,34,226)
```

Complementary Color

#e2a722
```
#e2a722 rgb(226,167,34)
```
#bde222
```
#bde222 rgb(189,226,34)
```
#5de222
```
#5de222 rgb(93,226,34)
```

Analogous Color

#a722e2
```
#a722e2 rgb(167,34,226)
```
#bde222
```
#bde222 rgb(189,226,34)
```
#225de2
```
#225de2 rgb(34,93,226)
```

Split Complementary Color

#e222bd
```
#e222bd rgb(226,34,189)
```
#bde222
```
#bde222 rgb(189,226,34)
```
#22bde2
```
#22bde2 rgb(34,189,226)
```

Triadic Color

#e24722
```
#e24722 rgb(226,71,34)
```
#bde222
```
#bde222 rgb(189,226,34)
```
#22bde2
```
#22bde2 rgb(34,189,226)
```
#4722e2
```
#4722e2 rgb(71,34,226)
```

Tetradic Color

#87a215
```
#87a215 rgb(135,162,21)
```
#9ab918
```
#9ab918 rgb(154,185,24)
```
#adcf1b
```
#adcf1b rgb(173,207,27)
```
#bde222
```
#bde222 rgb(189,226,34)
```
#c4e539
```
#c4e539 rgb(196,229,57)
```
#cae84f
```
#cae84f rgb(202,232,79)
```
#d1eb66
```
#d1eb66 rgb(209,235,102)
```

Monochromatic Color

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

#e2d722
```
#e2d722 rgb(226,215,34)
```
#dde222
```
#dde222 rgb(221,226,34)
```
#cde222
```
#cde222 rgb(205,226,34)
```
#bde222
```
#bde222 rgb(189,226,34)
```
#ade222
```
#ade222 rgb(173,226,34)
```
#9de222
```
#9de222 rgb(157,226,34)
```
#8de222
```
#8de222 rgb(141,226,34)
```

Similar Colors

Text with hexadecimal color #bde222

This text has a font color of #bde222.

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

#bde222 background color

This paragraph has a background color of #bde222.

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

#bde222 border color

This element has a border color of #bde222.

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

CSS codes

.text {color:#bde222;}

.background {background-color:#bde222;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121603
```
#121603 rgb(18,22,3)
```
#212705
```
#212705 rgb(33,39,5)
```
#2f3807
```
#2f3807 rgb(47,56,7)
```
#3d4a0a
```
#3d4a0a rgb(61,74,10)
```
#4c5b0c
```
#4c5b0c rgb(76,91,12)
```
#5a6c0e
```
#5a6c0e rgb(90,108,14)
```
#697e11
```
#697e11 rgb(105,126,17)
```
#778f13
```
#778f13 rgb(119,143,19)
```
#86a015
```
#86a015 rgb(134,160,21)
```
#94b217
```
#94b217 rgb(148,178,23)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#b1d51c
```
#b1d51c rgb(177,213,28)
```

Shade Color Variation

#bde222
```
#bde222 rgb(189,226,34)
```
#c2e433
```
#c2e433 rgb(194,228,51)
```
#c7e745
```
#c7e745 rgb(199,231,69)
```
#cde956
```
#cde956 rgb(205,233,86)
```
#d2eb67
```
#d2eb67 rgb(210,235,103)
```
#d7ed79
```
#d7ed79 rgb(215,237,121)
```
#dcf08a
```
#dcf08a rgb(220,240,138)
```
#e1f29b
```
#e1f29b rgb(225,242,155)
```
#e6f4ad
```
#e6f4ad rgb(230,244,173)
```
#ecf6be
```
#ecf6be rgb(236,246,190)
```
#f1f9cf
```
#f1f9cf rgb(241,249,207)
```
#f6fbe1
```
#f6fbe1 rgb(246,251,225)
```
#fbfdf2
```
#fbfdf2 rgb(251,253,242)
```

Tint Color Variation

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

#888b79
```
#888b79 rgb(136,139,121)
```
#8e956f
```
#8e956f rgb(142,149,111)
```
#949f65
```
#949f65 rgb(148,159,101)
```
#9aa85c
```
#9aa85c rgb(154,168,92)
```
#9fb252
```
#9fb252 rgb(159,178,82)
```
#a5bc48
```
#a5bc48 rgb(165,188,72)
```
#abc53f
```
#abc53f rgb(171,197,63)
```
#b1cf35
```
#b1cf35 rgb(177,207,53)
```
#b7d82c
```
#b7d82c rgb(183,216,44)
```
#bde222
```
#bde222 rgb(189,226,34)
```
#c3ec18
```
#c3ec18 rgb(195,236,24)
```
#c9f50f
```
#c9f50f rgb(201,245,15)
```
#cfff05
```
#cfff05 rgb(207,255,5)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c8a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd629 Protanopia 1% of men
#ffcd7c Deuteranopia 1% of men
#d3d4e3 Tritanopia 0.001% of the population

Trichromacy

#ddda26 Protanomaly 1% of men, 0.01% of women
#e7d55b Deuteranomaly 6% of men, 0.4% of women
#cbd99d Tritanomaly 0.01% of the population

#bde222 hex color

#bde222 Color Information

#bde222 Color Conversion

Color Schemes with #bde222

Alternatives to #bde222

#bde222 Preview

Shades and Tints of #bde222

Tones of #bde222

Color Blindness Simulator