#bbdc1f hex color

In a RGB color space, hex #bbdc1f is composed of 73.3% red, 86.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 85.9% yellow and 13.7% black. It has a hue angle of 70.5 degrees, a saturation of 75.3% and a lightness of 49.2%. #bbdc1f color hex could be obtained by blending #ffff3e with #77b900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 73
- G 86
- B 12
RGB color chart
- C 15
- M 0
- Y 86
- K 14
CMYK color chart

● #bbdc1f color description : Vivid yellow.

The hexadecimal color #bbdc1f has RGB values of R:187, G:220, B:31 and CMYK values of C:0.15, M:0, Y:0.86, K:0.14. Its decimal value is 12311583.

Hex triplet	bbdc1f	`#bbdc1f`
RGB Decimal	187, 220, 31	`rgb(187,220,31)`
RGB Percent	73.3, 86.3, 12.2	`rgb(73.3%,86.3%,12.2%)`
CMYK	15, 0, 86, 14
HSL	70.5°, 75.3, 49.2	`hsl(70.5,75.3%,49.2%)`
HSV (or HSB)	70.5°, 85.9, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.834, -32.496, 77.841
XYZ	46.334, 61.85, 10.794
xyY	0.389, 0.52, 61.85
CIE-LCH	82.834, 84.352, 112.659
CIE-LUV	82.834, -14.747, 91.249
Hunter-Lab	78.645, -32.465, 46.914
Binary	10111011, 11011100, 00011111

#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#401fdc
```
#401fdc rgb(64,31,220)
```

Complementary Color

#dc9f1f
```
#dc9f1f rgb(220,159,31)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#5cdc1f
```
#5cdc1f rgb(92,220,31)
```

Analogous Color

#9f1fdc
```
#9f1fdc rgb(159,31,220)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#1f5cdc
```
#1f5cdc rgb(31,92,220)
```

Split Complementary Color

#dc1fbb
```
#dc1fbb rgb(220,31,187)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#1fbbdc
```
#1fbbdc rgb(31,187,220)
```

Triadic Color

#dc401f
```
#dc401f rgb(220,64,31)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#1fbbdc
```
#1fbbdc rgb(31,187,220)
```
#401fdc
```
#401fdc rgb(64,31,220)
```

Tetradic Color

#829916
```
#829916 rgb(130,153,22)
```
#95af19
```
#95af19 rgb(149,175,25)
```
#a8c61c
```
#a8c61c rgb(168,198,28)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#c3e232
```
#c3e232 rgb(195,226,50)
```
#cae549
```
#cae549 rgb(202,229,73)
```
#d0e85f
```
#d0e85f rgb(208,232,95)
```

Monochromatic Color

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

#dcce1f
```
#dcce1f rgb(220,206,31)
```
#dbdc1f
```
#dbdc1f rgb(219,220,31)
```
#cbdc1f
```
#cbdc1f rgb(203,220,31)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#abdc1f
```
#abdc1f rgb(171,220,31)
```
#9cdc1f
```
#9cdc1f rgb(156,220,31)
```
#8cdc1f
```
#8cdc1f rgb(140,220,31)
```

Similar Colors

Text with hexadecimal color #bbdc1f

This text has a font color of #bbdc1f.

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

#bbdc1f background color

This paragraph has a background color of #bbdc1f.

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

#bbdc1f border color

This element has a border color of #bbdc1f.

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

CSS codes

.text {color:#bbdc1f;}

.background {background-color:#bbdc1f;}

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

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

#0c0e02
```
#0c0e02 rgb(12,14,2)
```
#1a1f04
```
#1a1f04 rgb(26,31,4)
```
#293007
```
#293007 rgb(41,48,7)
```
#374109
```
#374109 rgb(55,65,9)
```
#46520c
```
#46520c rgb(70,82,12)
```
#55640e
```
#55640e rgb(85,100,14)
```
#637510
```
#637510 rgb(99,117,16)
```
#728613
```
#728613 rgb(114,134,19)
```
#819715
```
#819715 rgb(129,151,21)
```
#8fa818
```
#8fa818 rgb(143,168,24)
```
#9eba1a
```
#9eba1a rgb(158,186,26)
```
#accb1d
```
#accb1d rgb(172,203,29)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```

Shade Color Variation

#c2e12d
```
#c2e12d rgb(194,225,45)
```
#c7e43e
```
#c7e43e rgb(199,228,62)
```
#cce650
```
#cce650 rgb(204,230,80)
```
#d1e961
```
#d1e961 rgb(209,233,97)
```
#d6eb72
```
#d6eb72 rgb(214,235,114)
```
#dbee83
```
#dbee83 rgb(219,238,131)
```
#e0f094
```
#e0f094 rgb(224,240,148)
```
#e5f2a6
```
#e5f2a6 rgb(229,242,166)
```
#eaf5b7
```
#eaf5b7 rgb(234,245,183)
```
#eff7c8
```
#eff7c8 rgb(239,247,200)
```
#f4fad9
```
#f4fad9 rgb(244,250,217)
```
#f9fcea
```
#f9fcea rgb(249,252,234)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#828576
```
#828576 rgb(130,133,118)
```
#898f6c
```
#898f6c rgb(137,143,108)
```
#8f9863
```
#8f9863 rgb(143,152,99)
```
#95a259
```
#95a259 rgb(149,162,89)
```
#9cac4f
```
#9cac4f rgb(156,172,79)
```
#a2b546
```
#a2b546 rgb(162,181,70)
```
#a8bf3c
```
#a8bf3c rgb(168,191,60)
```
#aec932
```
#aec932 rgb(174,201,50)
```
#b5d229
```
#b5d229 rgb(181,210,41)
```
#bbdc1f
```
#bbdc1f rgb(187,220,31)
```
#c1e615
```
#c1e615 rgb(193,230,21)
```
#c8ef0c
```
#c8ef0c rgb(200,239,12)
```
#cef902
```
#cef902 rgb(206,249,2)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bdc39d Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d126 Protanopia 1% of men
#ffc75f Deuteranopia 1% of men
#d1cfde Tritanopia 0.001% of the population

Trichromacy

#d8d524 Protanomaly 1% of men, 0.01% of women
#e6cf47 Deuteranomaly 6% of men, 0.4% of women
#c9d398 Tritanomaly 0.01% of the population

#bbdc1f hex color

#bbdc1f Color Information

#bbdc1f Color Conversion

Color Schemes with #bbdc1f

Alternatives to #bbdc1f

#bbdc1f Preview

Shades and Tints of #bbdc1f

Tones of #bbdc1f

Color Blindness Simulator