#bcdf20 hex color

In a RGB color space, hex #bcdf20 is composed of 73.7% red, 87.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 85.7% yellow and 12.5% black. It has a hue angle of 71 degrees, a saturation of 74.9% and a lightness of 50%. #bcdf20 color hex could be obtained by blending #ffff40 with #79bf00. Closest websafe color is: #cccc33.

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

● #bcdf20 color description : Vivid yellow.

The hexadecimal color #bcdf20 has RGB values of R:188, G:223, B:32 and CMYK values of C:0.16, M:0, Y:0.86, K:0.13. Its decimal value is 12377888.

Hex triplet	bcdf20	`#bcdf20`
RGB Decimal	188, 223, 32	`rgb(188,223,32)`
RGB Percent	73.7, 87.5, 12.5	`rgb(73.7%,87.5%,12.5%)`
CMYK	16, 0, 86, 13
HSL	71°, 74.9, 50	`hsl(71,74.9%,50%)`
HSV (or HSB)	71°, 85.7, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.742, -33.451, 78.426
XYZ	47.387, 63.571, 11.14
xyY	0.388, 0.521, 63.571
CIE-LCH	83.742, 85.262, 113.1
CIE-LUV	83.742, -15.883, 92.306
Hunter-Lab	79.731, -33.441, 47.528
Binary	10111100, 11011111, 00100000

#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#4320df
```
#4320df rgb(67,32,223)
```

Complementary Color

#dfa320
```
#dfa320 rgb(223,163,32)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#5ddf20
```
#5ddf20 rgb(93,223,32)
```

Analogous Color

#a320df
```
#a320df rgb(163,32,223)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#205ddf
```
#205ddf rgb(32,93,223)
```

Split Complementary Color

#df20bc
```
#df20bc rgb(223,32,188)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#20bcdf
```
#20bcdf rgb(32,188,223)
```

Triadic Color

#df4320
```
#df4320 rgb(223,67,32)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#20bcdf
```
#20bcdf rgb(32,188,223)
```
#4320df
```
#4320df rgb(67,32,223)
```

Tetradic Color

#849c16
```
#849c16 rgb(132,156,22)
```
#96b21a
```
#96b21a rgb(150,178,26)
```
#a9c91d
```
#a9c91d rgb(169,201,29)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#c3e236
```
#c3e236 rgb(195,226,54)
```
#c9e54d
```
#c9e54d rgb(201,229,77)
```
#d0e963
```
#d0e963 rgb(208,233,99)
```

Monochromatic Color

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

#dfd220
```
#dfd220 rgb(223,210,32)
```
#dcdf20
```
#dcdf20 rgb(220,223,32)
```
#ccdf20
```
#ccdf20 rgb(204,223,32)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#acdf20
```
#acdf20 rgb(172,223,32)
```
#9cdf20
```
#9cdf20 rgb(156,223,32)
```
#8cdf20
```
#8cdf20 rgb(140,223,32)
```

Similar Colors

Text with hexadecimal color #bcdf20

This text has a font color of #bcdf20.

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

#bcdf20 background color

This paragraph has a background color of #bcdf20.

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

#bcdf20 border color

This element has a border color of #bcdf20.

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

CSS codes

.text {color:#bcdf20;}

.background {background-color:#bcdf20;}

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

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

#0e1102
```
#0e1102 rgb(14,17,2)
```
#1d2205
```
#1d2205 rgb(29,34,5)
```
#2b3307
```
#2b3307 rgb(43,51,7)
```
#3a450a
```
#3a450a rgb(58,69,10)
```
#48560c
```
#48560c rgb(72,86,12)
```
#57670f
```
#57670f rgb(87,103,15)
```
#657811
```
#657811 rgb(101,120,17)
```
#748914
```
#748914 rgb(116,137,20)
```
#829a16
```
#829a16 rgb(130,154,22)
```
#91ac19
```
#91ac19 rgb(145,172,25)
```
#9fbd1b
```
#9fbd1b rgb(159,189,27)
```
#aece1e
```
#aece1e rgb(174,206,30)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```

Shade Color Variation

#c1e131
```
#c1e131 rgb(193,225,49)
```
#c6e442
```
#c6e442 rgb(198,228,66)
```
#cbe653
```
#cbe653 rgb(203,230,83)
```
#d1e965
```
#d1e965 rgb(209,233,101)
```
#d6eb76
```
#d6eb76 rgb(214,235,118)
```
#dbee87
```
#dbee87 rgb(219,238,135)
```
#e0f098
```
#e0f098 rgb(224,240,152)
```
#e5f3a9
```
#e5f3a9 rgb(229,243,169)
```
#eaf5ba
```
#eaf5ba rgb(234,245,186)
```
#f0f8cc
```
#f0f8cc rgb(240,248,204)
```
#f5fadd
```
#f5fadd rgb(245,250,221)
```
#fafdee
```
#fafdee rgb(250,253,238)
```
#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 #cffc03 is the most saturated one.

#848778
```
#848778 rgb(132,135,120)
```
#8a916e
```
#8a916e rgb(138,145,110)
```
#919a65
```
#919a65 rgb(145,154,101)
```
#97a45b
```
#97a45b rgb(151,164,91)
```
#9dae51
```
#9dae51 rgb(157,174,81)
```
#a3b847
```
#a3b847 rgb(163,184,71)
```
#a9c23d
```
#a9c23d rgb(169,194,61)
```
#b0cb34
```
#b0cb34 rgb(176,203,52)
```
#b6d52a
```
#b6d52a rgb(182,213,42)
```
#bcdf20
```
#bcdf20 rgb(188,223,32)
```
#c2e916
```
#c2e916 rgb(194,233,22)
```
#c8f30c
```
#c8f30c rgb(200,243,12)
```
#cffc03
```
#cffc03 rgb(207,252,3)
```

Tone Color Variation

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

Dichromacy

#ecd327 Protanopia 1% of men
#ffca6e Deuteranopia 1% of men
#d2d1e0 Tritanopia 0.001% of the population

Trichromacy

#dad724 Protanomaly 1% of men, 0.01% of women
#e6d252 Deuteranomaly 6% of men, 0.4% of women
#cad69a Tritanomaly 0.01% of the population

#bcdf20 hex color

#bcdf20 Color Information

#bcdf20 Color Conversion

Color Schemes with #bcdf20

Alternatives to #bcdf20

#bcdf20 Preview

Shades and Tints of #bcdf20

Tones of #bcdf20

Color Blindness Simulator