#bbf301 Color Information
In a RGB color space, hex #bbf301 is composed of 73.3% red, 95.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 0% magenta, 99.6% yellow and 4.7% black. It has a hue angle of 73.9 degrees, a saturation of 99.2% and a lightness of 47.8%. #bbf301 color hex could be obtained by blending #ffff02 with #77e700. Closest websafe color is: #ccff00.
-
- R 73
- G 95
- B 0
-
- C 23
- M 0
- Y 100
- K 5
● #bbf301 color description : Vivid yellow.
#bbf301 Color Conversion
The hexadecimal color #bbf301 has RGB values of R:187, G:243, B:1 and CMYK values of C:0.23, M:0, Y:1, K:0.05. Its decimal value is 12317441.
Hex triplet | bbf301 | #bbf301 |
---|---|---|
RGB Decimal | 187, 243, 1 | rgb(187,243,1) |
RGB Percent | 73.3, 95.3, 0.4 | rgb(73.3%,95.3%,0.4%) |
CMYK | 23, 0, 100, 5 | |
HSL | 73.9°, 99.2, 47.8 | hsl(73.9,99.2%,47.8%) |
HSV (or HSB) | 73.9°, 99.6, 95.3 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 89.237, -43.235, 86.434 |
---|---|
XYZ | 52.549, 74.667, 11.672 |
xyY | 0.378, 0.538, 74.667 |
CIE-LCH | 89.237, 96.644, 116.574 |
CIE-LUV | 89.237, -27.581, 102.267 |
Hunter-Lab | 86.41, -42.666, 52.478 |
Binary | 10111011, 11110011, 00000001 |
Color Schemes with #bbf301
Alternatives to #bbf301
Below, you can see some colors close to #bbf301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bbf301 Preview
This text has a font color of #bbf301.
<span style="color:#bbf301;">Text here</span>
This paragraph has a background color of #bbf301.
<p style="background-color:#bbf301;">Content here</p>
This element has a border color of #bbf301.
<div style="border:1px solid #bbf301;">Content here</div>
.text {color:#bbf301;}
.background {background-color:#bbf301;}
.border {border:1px solid #bbf301;}
Shades and Tints of #bbf301
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 #fcfff4 is the lightest one.
-
#070900
#070900
rgb(7,9,0)
-
#161c00
#161c00
rgb(22,28,0)
-
#253000
#253000
rgb(37,48,0)
-
#344300
#344300
rgb(52,67,0)
-
#435700
#435700
rgb(67,87,0)
-
#526a00
#526a00
rgb(82,106,0)
-
#617e01
#617e01
rgb(97,126,1)
-
#709101
#709101
rgb(112,145,1)
-
#7fa501
#7fa501
rgb(127,165,1)
-
#8eb801
#8eb801
rgb(142,184,1)
-
#9dcc01
#9dcc01
rgb(157,204,1)
-
#acdf01
#acdf01
rgb(172,223,1)
-
#bbf301
#bbf301
rgb(187,243,1)
-
#c5fe0a
#c5fe0a
rgb(197,254,10)
-
#cafe1d
#cafe1d
rgb(202,254,29)
-
#cffe31
#cffe31
rgb(207,254,49)
-
#d3fe44
#d3fe44
rgb(211,254,68)
-
#d8fe58
#d8fe58
rgb(216,254,88)
-
#dcfe6b
#dcfe6b
rgb(220,254,107)
-
#e1fe7f
#e1fe7f
rgb(225,254,127)
-
#e6ff92
#e6ff92
rgb(230,255,146)
-
#eaffa6
#eaffa6
rgb(234,255,166)
-
#efffb9
#efffb9
rgb(239,255,185)
-
#f3ffcd
#f3ffcd
rgb(243,255,205)
-
#f8ffe1
#f8ffe1
rgb(248,255,225)
-
#fcfff4
#fcfff4
rgb(252,255,244)
Tones of #bbf301
A tone is produced by adding gray to any pure hue. In this case, #7f8272 is the less saturated color, while #bbf301 is the most saturated one.
-
#7f8272
#7f8272
rgb(127,130,114)
-
#848c68
#848c68
rgb(132,140,104)
-
#89955f
#89955f
rgb(137,149,95)
-
#8e9f55
#8e9f55
rgb(142,159,85)
-
#93a84c
#93a84c
rgb(147,168,76)
-
#98b143
#98b143
rgb(152,177,67)
-
#9dbb39
#9dbb39
rgb(157,187,57)
-
#a2c430
#a2c430
rgb(162,196,48)
-
#a7cd27
#a7cd27
rgb(167,205,39)
-
#acd71d
#acd71d
rgb(172,215,29)
-
#b1e014
#b1e014
rgb(177,224,20)
-
#b6ea0a
#b6ea0a
rgb(182,234,10)
-
#bbf301
#bbf301
rgb(187,243,1)
Color Blindness Simulator
Below, you can see how #bbf301 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.