colorhexa.com

#bbc716 hex color

In a RGB color space, hex #bbc716 is composed of 73.3% red, 78% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 6% cyan, 0% magenta, 88.9% yellow and 22% black. It has a hue angle of 64.1 degrees, a saturation of 80.1% and a lightness of 43.3%. #bbc716 color hex could be obtained by blending #ffff2c with #778f00. Closest websafe color is: #cccc00.

- R 73
- G 78
- B 9
RGB color chart
- C 6
- M 0
- Y 89
- K 22
CMYK color chart

● #bbc716 color description : Strong yellow.

The hexadecimal color #bbc716 has RGB values of R:187, G:199, B:22 and CMYK values of C:0.06, M:0, Y:0.89, K:0.22. Its decimal value is 12306198.

Hex triplet	bbc716	`#bbc716`
RGB Decimal	187, 199, 22	`rgb(187,199,22)`
RGB Percent	73.3, 78, 8.6	`rgb(73.3%,78%,8.6%)`
CMYK	6, 0, 89, 22
HSL	64.1°, 80.1, 43.3	`hsl(64.1,80.1%,43.3%)`
HSV (or HSB)	64.1°, 88.9, 78
Web Safe	cccc00	`#cccc00`

CIE-LAB	76.963, -22.721, 74.701
XYZ	41.062, 51.47, 8.531
xyY	0.406, 0.509, 51.47
CIE-LCH	76.963, 78.08, 106.918
CIE-LUV	76.963, -2.006, 84.024
Hunter-Lab	71.743, -23.385, 43.17
Binary	10111011, 11000111, 00010110

#bbc716
```
#bbc716 rgb(187,199,22)
```
#2216c7
```
#2216c7 rgb(34,22,199)
```

Complementary Color

#c77b16
```
#c77b16 rgb(199,123,22)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#63c716
```
#63c716 rgb(99,199,22)
```

Analogous Color

#7b16c7
```
#7b16c7 rgb(123,22,199)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#1663c7
```
#1663c7 rgb(22,99,199)
```

Split Complementary Color

#c716bb
```
#c716bb rgb(199,22,187)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#16bbc7
```
#16bbc7 rgb(22,187,199)
```

Triadic Color

#c72216
```
#c72216 rgb(199,34,22)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#16bbc7
```
#16bbc7 rgb(22,187,199)
```
#2216c7
```
#2216c7 rgb(34,22,199)
```

Tetradic Color

#7a820e
```
#7a820e rgb(122,130,14)
```
#909911
```
#909911 rgb(144,153,17)
```
#a5b013
```
#a5b013 rgb(165,176,19)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#d1de19
```
#d1de19 rgb(209,222,25)
```
#dae729
```
#dae729 rgb(218,231,41)
```
#deea40
```
#deea40 rgb(222,234,64)
```

Monochromatic Color

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

#c7a716
```
#c7a716 rgb(199,167,22)
```
#c7b616
```
#c7b616 rgb(199,182,22)
```
#c7c416
```
#c7c416 rgb(199,196,22)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#acc716
```
#acc716 rgb(172,199,22)
```
#9ec716
```
#9ec716 rgb(158,199,22)
```
#8fc716
```
#8fc716 rgb(143,199,22)
```

Similar Colors

Text with hexadecimal color #bbc716

This text has a font color of #bbc716.

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

#bbc716 background color

This paragraph has a background color of #bbc716.

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

#bbc716 border color

This element has a border color of #bbc716.

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

CSS codes

.text {color:#bbc716;}

.background {background-color:#bbc716;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#151602
```
#151602 rgb(21,22,2)
```
#262804
```
#262804 rgb(38,40,4)
```
#363a06
```
#363a06 rgb(54,58,6)
```
#474b08
```
#474b08 rgb(71,75,8)
```
#575d0a
```
#575d0a rgb(87,93,10)
```
#686f0c
```
#686f0c rgb(104,111,12)
```
#79800e
```
#79800e rgb(121,128,14)
```
#899210
```
#899210 rgb(137,146,16)
```
#9aa412
```
#9aa412 rgb(154,164,18)
```
#aab514
```
#aab514 rgb(170,181,20)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#ccd918
```
#ccd918 rgb(204,217,24)
```

Shade Color Variation

#d9e61e
```
#d9e61e rgb(217,230,30)
```
#dce830
```
#dce830 rgb(220,232,48)
```
#dfea41
```
#dfea41 rgb(223,234,65)
```
#e2ec53
```
#e2ec53 rgb(226,236,83)
```
#e5ee65
```
#e5ee65 rgb(229,238,101)
```
#e8f076
```
#e8f076 rgb(232,240,118)
```
#ebf288
```
#ebf288 rgb(235,242,136)
```
#eef49a
```
#eef49a rgb(238,244,154)
```
#f1f6ab
```
#f1f6ab rgb(241,246,171)
```
#f4f8bd
```
#f4f8bd rgb(244,248,189)
```
#f7facf
```
#f7facf rgb(247,250,207)
```
#fafce0
```
#fafce0 rgb(250,252,224)
```
#fdfef2
```
#fdfef2 rgb(253,254,242)
```

Tint Color Variation

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

#72726b
```
#72726b rgb(114,114,107)
```
#797b63
```
#797b63 rgb(121,123,99)
```
#80835a
```
#80835a rgb(128,131,90)
```
#888c52
```
#888c52 rgb(136,140,82)
```
#8f9449
```
#8f9449 rgb(143,148,73)
```
#969d41
```
#969d41 rgb(150,157,65)
```
#9ea538
```
#9ea538 rgb(158,165,56)
```
#a5ae30
```
#a5ae30 rgb(165,174,48)
```
#acb627
```
#acb627 rgb(172,182,39)
```
#b4bf1f
```
#b4bf1f rgb(180,191,31)
```
#bbc716
```
#bbc716 rgb(187,199,22)
```
#c2d00e
```
#c2d00e rgb(194,208,14)
```
#cad805
```
#cad805 rgb(202,216,5)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b1b490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c11f Protanopia 1% of men
#f1b831 Deuteranopia 1% of men
#cdbcc9 Tritanopia 0.001% of the population

Trichromacy

#cdc31c Protanomaly 1% of men, 0.01% of women
#ddbd27 Deuteranomaly 6% of men, 0.4% of women
#c6c088 Tritanomaly 0.01% of the population