#bbf214 hex color

In a RGB color space, hex #bbf214 is composed of 73.3% red, 94.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 0% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 74.9 degrees, a saturation of 89.5% and a lightness of 51.4%. #bbf214 color hex could be obtained by blending #ffff28 with #77e500. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 73
- G 95
- B 8
RGB color chart
- C 23
- M 0
- Y 92
- K 5
CMYK color chart

● #bbf214 color description : Vivid yellow.

The hexadecimal color #bbf214 has RGB values of R:187, G:242, B:20 and CMYK values of C:0.23, M:0, Y:0.92, K:0.05. Its decimal value is 12317204.

Hex triplet	bbf214	`#bbf214`
RGB Decimal	187, 242, 20	`rgb(187,242,20)`
RGB Percent	73.3, 94.9, 7.8	`rgb(73.3%,94.9%,7.8%)`
CMYK	23, 0, 92, 5
HSL	74.9°, 89.5, 51.4	`hsl(74.9,89.5%,51.4%)`
HSV (or HSB)	74.9°, 91.7, 94.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	88.979, -42.584, 84.555
XYZ	52.371, 74.119, 12.209
xyY	0.378, 0.534, 74.119
CIE-LCH	88.979, 94.672, 116.731
CIE-LUV	88.979, -27.047, 100.858
Hunter-Lab	86.092, -42.077, 51.856
Binary	10111011, 11110010, 00010100

#bbf214
```
#bbf214 rgb(187,242,20)
```
#4b14f2
```
#4b14f2 rgb(75,20,242)
```

Complementary Color

#f2ba14
```
#f2ba14 rgb(242,186,20)
```
#bbf214
```
#bbf214 rgb(187,242,20)
```
#4cf214
```
#4cf214 rgb(76,242,20)
```

Analogous Color

#ba14f2
```
#ba14f2 rgb(186,20,242)
```
#bbf214
```
#bbf214 rgb(187,242,20)
```
#144cf2
```
#144cf2 rgb(20,76,242)
```

Split Complementary Color

#f214bb
```
#f214bb rgb(242,20,187)
```
#bbf214
```
#bbf214 rgb(187,242,20)
```
#14bbf2
```
#14bbf2 rgb(20,187,242)
```

Triadic Color

#f24b14
```
#f24b14 rgb(242,75,20)
```
#bbf214
```
#bbf214 rgb(187,242,20)
```
#14bbf2
```
#14bbf2 rgb(20,187,242)
```
#4b14f2
```
#4b14f2 rgb(75,20,242)
```

Tetradic Color

#87b00a
```
#87b00a rgb(135,176,10)
```
#99c80b
```
#99c80b rgb(153,200,11)
```
#ace00c
```
#ace00c rgb(172,224,12)
```
#bbf214
```
#bbf214 rgb(187,242,20)
```
#c2f32c
```
#c2f32c rgb(194,243,44)
```
#c9f544
```
#c9f544 rgb(201,245,68)
```
#d0f65c
```
#d0f65c rgb(208,246,92)
```

Monochromatic Color

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

#f2f214
```
#f2f214 rgb(242,242,20)
```
#e0f214
```
#e0f214 rgb(224,242,20)
```
#cef214
```
#cef214 rgb(206,242,20)
```
#bbf214
```
#bbf214 rgb(187,242,20)
```
#a9f214
```
#a9f214 rgb(169,242,20)
```
#96f214
```
#96f214 rgb(150,242,20)
```
#84f214
```
#84f214 rgb(132,242,20)
```

Similar Colors

Text with hexadecimal color #bbf214

This text has a font color of #bbf214.

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

#bbf214 background color

This paragraph has a background color of #bbf214.

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

#bbf214 border color

This element has a border color of #bbf214.

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

CSS codes

.text {color:#bbf214;}

.background {background-color:#bbf214;}

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

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

#050700
```
#050700 rgb(5,7,0)
```
#131901
```
#131901 rgb(19,25,1)
```
#222c02
```
#222c02 rgb(34,44,2)
```
#303e03
```
#303e03 rgb(48,62,3)
```
#3e5104
```
#3e5104 rgb(62,81,4)
```
#4c6406
```
#4c6406 rgb(76,100,6)
```
#5b7607
```
#5b7607 rgb(91,118,7)
```
#698908
```
#698908 rgb(105,137,8)
```
#779b09
```
#779b09 rgb(119,155,9)
```
#85ae0a
```
#85ae0a rgb(133,174,10)
```
#93c10b
```
#93c10b rgb(147,193,11)
```
#a2d30c
```
#a2d30c rgb(162,211,12)
```
#b0e60d
```
#b0e60d rgb(176,230,13)
```

Shade Color Variation

#bbf214
```
#bbf214 rgb(187,242,20)
```
#c0f327
```
#c0f327 rgb(192,243,39)
```
#c6f439
```
#c6f439 rgb(198,244,57)
```
#cbf54c
```
#cbf54c rgb(203,245,76)
```
#d1f65e
```
#d1f65e rgb(209,246,94)
```
#d6f771
```
#d6f771 rgb(214,247,113)
```
#dbf884
```
#dbf884 rgb(219,248,132)
```
#e1f996
```
#e1f996 rgb(225,249,150)
```
#e6faa9
```
#e6faa9 rgb(230,250,169)
```
#ebfbbb
```
#ebfbbb rgb(235,251,187)
```
#f1fcce
```
#f1fcce rgb(241,252,206)
```
#f6fde0
```
#f6fde0 rgb(246,253,224)
```
#fcfef3
```
#fcfef3 rgb(252,254,243)
```

Tint Color Variation

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

#86897d
```
#86897d rgb(134,137,125)
```
#8b9373
```
#8b9373 rgb(139,147,115)
```
#909c6a
```
#909c6a rgb(144,156,106)
```
#95a660
```
#95a660 rgb(149,166,96)
```
#99af57
```
#99af57 rgb(153,175,87)
```
#9eb94d
```
#9eb94d rgb(158,185,77)
```
#a3c244
```
#a3c244 rgb(163,194,68)
```
#a8cc3a
```
#a8cc3a rgb(168,204,58)
```
#add531
```
#add531 rgb(173,213,49)
```
#b1df27
```
#b1df27 rgb(177,223,39)
```
#b6e81e
```
#b6e81e rgb(182,232,30)
```
#bbf214
```
#bbf214 rgb(187,242,20)
```
#c0fc0a
```
#c0fc0a rgb(192,252,10)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5d0a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce118 Protanopia 1% of men
#ffdbab Deuteranopia 1% of men
#d5e2f2 Tritanopia 0.001% of the population

Trichromacy

#e4e717 Protanomaly 1% of men, 0.01% of women
#e6e374 Deuteranomaly 6% of men, 0.4% of women
#cbe8a1 Tritanomaly 0.01% of the population

#bbf214 hex color

#bbf214 Color Information

#bbf214 Color Conversion

Color Schemes with #bbf214

Alternatives to #bbf214

#bbf214 Preview

Shades and Tints of #bbf214

Tones of #bbf214

Color Blindness Simulator