#bcf216 hex color

In a RGB color space, hex #bcf216 is composed of 73.7% red, 94.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 0% magenta, 90.9% yellow and 5.1% black. It has a hue angle of 74.7 degrees, a saturation of 89.4% and a lightness of 51.8%. #bcf216 color hex could be obtained by blending #ffff2c with #79e500. Closest websafe color is: #ccff00.

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

● #bcf216 color description : Vivid yellow.

The hexadecimal color #bcf216 has RGB values of R:188, G:242, B:22 and CMYK values of C:0.22, M:0, Y:0.91, K:0.05. Its decimal value is 12382742.

Hex triplet	bcf216	`#bcf216`
RGB Decimal	188, 242, 22	`rgb(188,242,22)`
RGB Percent	73.7, 94.9, 8.6	`rgb(73.7%,94.9%,8.6%)`
CMYK	22, 0, 91, 5
HSL	74.7°, 89.4, 51.8	`hsl(74.7,89.4%,51.8%)`
HSV (or HSB)	74.7°, 90.9, 94.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.042, -42.169, 84.377
XYZ	52.635, 74.253, 12.318
xyY	0.378, 0.533, 74.253
CIE-LCH	89.042, 94.327, 116.554
CIE-LUV	89.042, -26.486, 100.7
Hunter-Lab	86.17, -41.764, 51.843
Binary	10111100, 11110010, 00010110

#bcf216
```
#bcf216 rgb(188,242,22)
```
#4c16f2
```
#4c16f2 rgb(76,22,242)
```

Complementary Color

#f2ba16
```
#f2ba16 rgb(242,186,22)
```
#bcf216
```
#bcf216 rgb(188,242,22)
```
#4ef216
```
#4ef216 rgb(78,242,22)
```

Analogous Color

#ba16f2
```
#ba16f2 rgb(186,22,242)
```
#bcf216
```
#bcf216 rgb(188,242,22)
```
#164ef2
```
#164ef2 rgb(22,78,242)
```

Split Complementary Color

#f216bc
```
#f216bc rgb(242,22,188)
```
#bcf216
```
#bcf216 rgb(188,242,22)
```
#16bcf2
```
#16bcf2 rgb(22,188,242)
```

Triadic Color

#f24c16
```
#f24c16 rgb(242,76,22)
```
#bcf216
```
#bcf216 rgb(188,242,22)
```
#16bcf2
```
#16bcf2 rgb(22,188,242)
```
#4c16f2
```
#4c16f2 rgb(76,22,242)
```

Tetradic Color

#88b20a
```
#88b20a rgb(136,178,10)
```
#9bca0b
```
#9bca0b rgb(155,202,11)
```
#aee20d
```
#aee20d rgb(174,226,13)
```
#bcf216
```
#bcf216 rgb(188,242,22)
```
#c3f32e
```
#c3f32e rgb(195,243,46)
```
#caf546
```
#caf546 rgb(202,245,70)
```
#d1f65e
```
#d1f65e rgb(209,246,94)
```

Monochromatic Color

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

#f2f116
```
#f2f116 rgb(242,241,22)
```
#e1f216
```
#e1f216 rgb(225,242,22)
```
#cef216
```
#cef216 rgb(206,242,22)
```
#bcf216
```
#bcf216 rgb(188,242,22)
```
#aaf216
```
#aaf216 rgb(170,242,22)
```
#97f216
```
#97f216 rgb(151,242,22)
```
#85f216
```
#85f216 rgb(133,242,22)
```

Similar Colors

Text with hexadecimal color #bcf216

This text has a font color of #bcf216.

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

#bcf216 background color

This paragraph has a background color of #bcf216.

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

#bcf216 border color

This element has a border color of #bcf216.

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

CSS codes

.text {color:#bcf216;}

.background {background-color:#bcf216;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#151b02
```
#151b02 rgb(21,27,2)
```
#232e03
```
#232e03 rgb(35,46,3)
```
#314004
```
#314004 rgb(49,64,4)
```
#405305
```
#405305 rgb(64,83,5)
```
#4e6506
```
#4e6506 rgb(78,101,6)
```
#5c7807
```
#5c7807 rgb(92,120,7)
```
#6a8b08
```
#6a8b08 rgb(106,139,8)
```
#799d09
```
#799d09 rgb(121,157,9)
```
#87b00a
```
#87b00a rgb(135,176,10)
```
#95c20b
```
#95c20b rgb(149,194,11)
```
#a4d50c
```
#a4d50c rgb(164,213,12)
```
#b2e70d
```
#b2e70d rgb(178,231,13)
```

Shade Color Variation

#bcf216
```
#bcf216 rgb(188,242,22)
```
#c1f329
```
#c1f329 rgb(193,243,41)
```
#c7f43b
```
#c7f43b rgb(199,244,59)
```
#ccf54e
```
#ccf54e rgb(204,245,78)
```
#d1f660
```
#d1f660 rgb(209,246,96)
```
#d7f773
```
#d7f773 rgb(215,247,115)
```
#dcf885
```
#dcf885 rgb(220,248,133)
```
#e1f998
```
#e1f998 rgb(225,249,152)
```
#e7faab
```
#e7faab rgb(231,250,171)
```
#ecfbbd
```
#ecfbbd rgb(236,251,189)
```
#f1fcd0
```
#f1fcd0 rgb(241,252,208)
```
#f7fde2
```
#f7fde2 rgb(247,253,226)
```
#fcfef5
```
#fcfef5 rgb(252,254,245)
```

Tint Color Variation

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

#878a7e
```
#878a7e rgb(135,138,126)
```
#8c9375
```
#8c9375 rgb(140,147,117)
```
#919d6b
```
#919d6b rgb(145,157,107)
```
#95a662
```
#95a662 rgb(149,166,98)
```
#9ab058
```
#9ab058 rgb(154,176,88)
```
#9fb94f
```
#9fb94f rgb(159,185,79)
```
#a4c345
```
#a4c345 rgb(164,195,69)
```
#a9cc3c
```
#a9cc3c rgb(169,204,60)
```
#aed632
```
#aed632 rgb(174,214,50)
```
#b2df29
```
#b2df29 rgb(178,223,41)
```
#b7e91f
```
#b7e91f rgb(183,233,31)
```
#bcf216
```
#bcf216 rgb(188,242,22)
```
#c1fb0d
```
#c1fb0d rgb(193,251,13)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6d1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce11b Protanopia 1% of men
#ffdcab Deuteranopia 1% of men
#d6e2f2 Tritanopia 0.001% of the population

Trichromacy

#e5e719 Protanomaly 1% of men, 0.01% of women
#e6e475 Deuteranomaly 6% of men, 0.4% of women
#cce8a2 Tritanomaly 0.01% of the population

#bcf216 hex color

#bcf216 Color Information

#bcf216 Color Conversion

Color Schemes with #bcf216

Alternatives to #bcf216

#bcf216 Preview

Shades and Tints of #bcf216

Tones of #bcf216

Color Blindness Simulator