#bced21 hex color

In a RGB color space, hex #bced21 is composed of 73.7% red, 92.9% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 0% magenta, 86.1% yellow and 7.1% black. It has a hue angle of 74.4 degrees, a saturation of 85% and a lightness of 52.9%. #bced21 color hex could be obtained by blending #ffff42 with #79db00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 74
- G 93
- B 13
RGB color chart
- C 21
- M 0
- Y 86
- K 7
CMYK color chart

● #bced21 color description : Vivid yellow.

The hexadecimal color #bced21 has RGB values of R:188, G:237, B:33 and CMYK values of C:0.21, M:0, Y:0.86, K:0.07. Its decimal value is 12381473.

Hex triplet	bced21	`#bced21`
RGB Decimal	188, 237, 33	`rgb(188,237,33)`
RGB Percent	73.7, 92.9, 12.9	`rgb(73.7%,92.9%,12.9%)`
CMYK	21, 0, 86, 7
HSL	74.4°, 85, 52.9	`hsl(74.4,85%,52.9%)`
HSV (or HSB)	74.4°, 86.1, 92.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	87.664, -39.739, 81.497
XYZ	51.297, 71.369, 12.512
xyY	0.379, 0.528, 71.369
CIE-LCH	87.664, 90.67, 115.995
CIE-LUV	87.664, -23.768, 97.656
Hunter-Lab	84.48, -39.453, 50.355
Binary	10111100, 11101101, 00100001

#bced21
```
#bced21 rgb(188,237,33)
```
#5221ed
```
#5221ed rgb(82,33,237)
```

Complementary Color

#edb821
```
#edb821 rgb(237,184,33)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#56ed21
```
#56ed21 rgb(86,237,33)
```

Analogous Color

#b821ed
```
#b821ed rgb(184,33,237)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#2156ed
```
#2156ed rgb(33,86,237)
```

Split Complementary Color

#ed21bc
```
#ed21bc rgb(237,33,188)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#21bced
```
#21bced rgb(33,188,237)
```

Triadic Color

#ed5221
```
#ed5221 rgb(237,82,33)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#21bced
```
#21bced rgb(33,188,237)
```
#5221ed
```
#5221ed rgb(82,33,237)
```

Tetradic Color

#8bb30f
```
#8bb30f rgb(139,179,15)
```
#9ecb10
```
#9ecb10 rgb(158,203,16)
```
#b0e212
```
#b0e212 rgb(176,226,18)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#c3ef39
```
#c3ef39 rgb(195,239,57)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#d1f368
```
#d1f368 rgb(209,243,104)
```

Monochromatic Color

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

#edeb21
```
#edeb21 rgb(237,235,33)
```
#deed21
```
#deed21 rgb(222,237,33)
```
#cded21
```
#cded21 rgb(205,237,33)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#abed21
```
#abed21 rgb(171,237,33)
```
#9aed21
```
#9aed21 rgb(154,237,33)
```
#89ed21
```
#89ed21 rgb(137,237,33)
```

Similar Colors

Text with hexadecimal color #bced21

This text has a font color of #bced21.

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

#bced21 background color

This paragraph has a background color of #bced21.

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

#bced21 border color

This element has a border color of #bced21.

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

CSS codes

.text {color:#bced21;}

.background {background-color:#bced21;}

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

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

#0b0e01
```
#0b0e01 rgb(11,14,1)
```
#192003
```
#192003 rgb(25,32,3)
```
#273204
```
#273204 rgb(39,50,4)
```
#354406
```
#354406 rgb(53,68,6)
```
#435607
```
#435607 rgb(67,86,7)
```
#526908
```
#526908 rgb(82,105,8)
```
#607b0a
```
#607b0a rgb(96,123,10)
```
#6e8d0b
```
#6e8d0b rgb(110,141,11)
```
#7c9f0d
```
#7c9f0d rgb(124,159,13)
```
#8ab10e
```
#8ab10e rgb(138,177,14)
```
#98c310
```
#98c310 rgb(152,195,16)
```
#a6d511
```
#a6d511 rgb(166,213,17)
```
#b4e813
```
#b4e813 rgb(180,232,19)
```

Shade Color Variation

#bced21
```
#bced21 rgb(188,237,33)
```
#c1ee33
```
#c1ee33 rgb(193,238,51)
```
#c7f045
```
#c7f045 rgb(199,240,69)
```
#ccf157
```
#ccf157 rgb(204,241,87)
```
#d2f36a
```
#d2f36a rgb(210,243,106)
```
#d7f47c
```
#d7f47c rgb(215,244,124)
```
#ddf68e
```
#ddf68e rgb(221,246,142)
```
#e2f7a0
```
#e2f7a0 rgb(226,247,160)
```
#e8f9b2
```
#e8f9b2 rgb(232,249,178)
```
#edfac4
```
#edfac4 rgb(237,250,196)
```
#f3fcd6
```
#f3fcd6 rgb(243,252,214)
```
#f8fde9
```
#f8fde9 rgb(248,253,233)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#8c917d
```
#8c917d rgb(140,145,125)
```
#919a74
```
#919a74 rgb(145,154,116)
```
#96a36b
```
#96a36b rgb(150,163,107)
```
#9aac62
```
#9aac62 rgb(154,172,98)
```
#9fb658
```
#9fb658 rgb(159,182,88)
```
#a4bf4f
```
#a4bf4f rgb(164,191,79)
```
#a9c846
```
#a9c846 rgb(169,200,70)
```
#aed13d
```
#aed13d rgb(174,209,61)
```
#b2db33
```
#b2db33 rgb(178,219,51)
```
#b7e42a
```
#b7e42a rgb(183,228,42)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#c1f618
```
#c1f618 rgb(193,246,24)
```

Tone Color Variation

Below, you can see how #bced21 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
#c5cfa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de27 Protanopia 1% of men
#ffd79e Deuteranopia 1% of men
#d5deee Tritanopia 0.001% of the population

Trichromacy

#e2e325 Protanomaly 1% of men, 0.01% of women
#e6df71 Deuteranomaly 6% of men, 0.4% of women
#cbe3a3 Tritanomaly 0.01% of the population

#bced21 hex color

#bced21 Color Information

#bced21 Color Conversion

Color Schemes with #bced21

Alternatives to #bced21

#bced21 Preview

Shades and Tints of #bced21

Tones of #bced21

Color Blindness Simulator