colorhexa.com

#bbb311 hex color

In a RGB color space, hex #bbb311 is composed of 73.3% red, 70.2% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.3% magenta, 90.9% yellow and 26.7% black. It has a hue angle of 57.2 degrees, a saturation of 83.3% and a lightness of 40%. #bbb311 color hex could be obtained by blending #ffff22 with #776700. Closest websafe color is: #cccc00.

- R 73
- G 70
- B 7
RGB color chart
- C 0
- M 4
- Y 91
- K 27
CMYK color chart

● #bbb311 color description : Strong yellow.

The hexadecimal color #bbb311 has RGB values of R:187, G:179, B:17 and CMYK values of C:0, M:0.04, Y:0.91, K:0.27. Its decimal value is 12301073.

Hex triplet	bbb311	`#bbb311`
RGB Decimal	187, 179, 17	`rgb(187,179,17)`
RGB Percent	73.3, 70.2, 6.7	`rgb(73.3%,70.2%,6.7%)`
CMYK	0, 4, 91, 27
HSL	57.2°, 83.3, 40	`hsl(57.2,83.3%,40%)`
HSV (or HSB)	57.2°, 90.9, 73.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	71.451, -12.799, 71.169
XYZ	36.715, 42.846, 6.867
xyY	0.425, 0.496, 42.846
CIE-LCH	71.451, 72.311, 100.195
CIE-LUV	71.451, 11.107, 76.666
Hunter-Lab	65.457, -14.429, 39.6
Binary	10111011, 10110011, 00010001

#bbb311
```
#bbb311 rgb(187,179,17)
```
#1119bb
```
#1119bb rgb(17,25,187)
```

Complementary Color

#bb5e11
```
#bb5e11 rgb(187,94,17)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#6ebb11
```
#6ebb11 rgb(110,187,17)
```

Analogous Color

#5e11bb
```
#5e11bb rgb(94,17,187)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#116ebb
```
#116ebb rgb(17,110,187)
```

Split Complementary Color

#b311bb
```
#b311bb rgb(179,17,187)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#11bbb3
```
#11bbb3 rgb(17,187,179)
```

Triadic Color

#bb1119
```
#bb1119 rgb(187,17,25)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#11bbb3
```
#11bbb3 rgb(17,187,179)
```
#1119bb
```
#1119bb rgb(17,25,187)
```

Tetradic Color

#75700b
```
#75700b rgb(117,112,11)
```
#8c860d
```
#8c860d rgb(140,134,13)
```
#a49d0f
```
#a49d0f rgb(164,157,15)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#d2c913
```
#d2c913 rgb(210,201,19)
```
#eae015
```
#eae015 rgb(234,224,21)
```
#ece32d
```
#ece32d rgb(236,227,45)
```

Monochromatic Color

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

#bb8911
```
#bb8911 rgb(187,137,17)
```
#bb9711
```
#bb9711 rgb(187,151,17)
```
#bba511
```
#bba511 rgb(187,165,17)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#b5bb11
```
#b5bb11 rgb(181,187,17)
```
#a7bb11
```
#a7bb11 rgb(167,187,17)
```
#99bb11
```
#99bb11 rgb(153,187,17)
```

Similar Colors

Text with hexadecimal color #bbb311

This text has a font color of #bbb311.

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

#bbb311 background color

This paragraph has a background color of #bbb311.

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

#bbb311 border color

This element has a border color of #bbb311.

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

CSS codes

.text {color:#bbb311;}

.background {background-color:#bbb311;}

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

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

#070701
```
#070701 rgb(7,7,1)
```
#191802
```
#191802 rgb(25,24,2)
```
#2b2904
```
#2b2904 rgb(43,41,4)
```
#3d3b06
```
#3d3b06 rgb(61,59,6)
```
#4f4c07
```
#4f4c07 rgb(79,76,7)
```
#615d09
```
#615d09 rgb(97,93,9)
```
#736e0a
```
#736e0a rgb(115,110,10)
```
#857f0c
```
#857f0c rgb(133,127,12)
```
#97910e
```
#97910e rgb(151,145,14)
```
#a9a20f
```
#a9a20f rgb(169,162,15)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#cdc413
```
#cdc413 rgb(205,196,19)
```
#dfd514
```
#dfd514 rgb(223,213,20)
```

Shade Color Variation

#eae11c
```
#eae11c rgb(234,225,28)
```
#ece32e
```
#ece32e rgb(236,227,46)
```
#eee640
```
#eee640 rgb(238,230,64)
```
#efe852
```
#efe852 rgb(239,232,82)
```
#f1ea64
```
#f1ea64 rgb(241,234,100)
```
#f3ed76
```
#f3ed76 rgb(243,237,118)
```
#f4ef88
```
#f4ef88 rgb(244,239,136)
```
#f6f29a
```
#f6f29a rgb(246,242,154)
```
#f7f4ac
```
#f7f4ac rgb(247,244,172)
```
#f9f6be
```
#f9f6be rgb(249,246,190)
```
#fbf9d0
```
#fbf9d0 rgb(251,249,208)
```
#fcfbe2
```
#fcfbe2 rgb(252,251,226)
```
#fefef4
```
#fefef4 rgb(254,254,244)
```

Tint Color Variation

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

#6d6c5f
```
#6d6c5f rgb(109,108,95)
```
#747358
```
#747358 rgb(116,115,88)
```
#7c7a50
```
#7c7a50 rgb(124,122,80)
```
#848148
```
#848148 rgb(132,129,72)
```
#8c8840
```
#8c8840 rgb(140,136,64)
```
#948f38
```
#948f38 rgb(148,143,56)
```
#9c9730
```
#9c9730 rgb(156,151,48)
```
#a39e29
```
#a39e29 rgb(163,158,41)
```
#aba521
```
#aba521 rgb(171,165,33)
```
#b3ac19
```
#b3ac19 rgb(179,172,25)
```
#bbb311
```
#bbb311 rgb(187,179,17)
```
#c3ba09
```
#c3ba09 rgb(195,186,9)
```
#cbc101
```
#cbc101 rgb(203,193,1)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a8a686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b31c Protanopia 1% of men
#dfaa28 Deuteranopia 1% of men
#caaab6 Tritanopia 0.001% of the population

Trichromacy

#c3b318 Protanomaly 1% of men, 0.01% of women
#d2ad20 Deuteranomaly 6% of men, 0.4% of women
#c4ad7a Tritanomaly 0.01% of the population