#bbb314 hex color

In a RGB color space, hex #bbb314 is composed of 73.3% red, 70.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.3% magenta, 89.3% yellow and 26.7% black. It has a hue angle of 57.1 degrees, a saturation of 80.7% and a lightness of 40.6%. #bbb314 color hex could be obtained by blending #ffff28 with #776700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 73
- G 70
- B 8
RGB color chart
- C 0
- M 4
- Y 89
- K 27
CMYK color chart

● #bbb314 color description : Strong yellow.

The hexadecimal color #bbb314 has RGB values of R:187, G:179, B:20 and CMYK values of C:0, M:0.04, Y:0.89, K:0.27. Its decimal value is 12301076.

Hex triplet	bbb314	`#bbb314`
RGB Decimal	187, 179, 20	`rgb(187,179,20)`
RGB Percent	73.3, 70.2, 7.8	`rgb(73.3%,70.2%,7.8%)`
CMYK	0, 4, 89, 27
HSL	57.1°, 80.7, 40.6	`hsl(57.1,80.7%,40.6%)`
HSV (or HSB)	57.1°, 89.3, 73.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	71.457, -12.746, 70.674
XYZ	36.74, 42.856, 6.999
xyY	0.424, 0.495, 42.856
CIE-LCH	71.457, 71.814, 100.223
CIE-LUV	71.457, 11.082, 76.375
Hunter-Lab	65.465, -14.386, 39.487
Binary	10111011, 10110011, 00010100

#bbb314
```
#bbb314 rgb(187,179,20)
```
#141cbb
```
#141cbb rgb(20,28,187)
```

Complementary Color

#bb6014
```
#bb6014 rgb(187,96,20)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#70bb14
```
#70bb14 rgb(112,187,20)
```

Analogous Color

#6014bb
```
#6014bb rgb(96,20,187)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#1470bb
```
#1470bb rgb(20,112,187)
```

Split Complementary Color

#b314bb
```
#b314bb rgb(179,20,187)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#14bbb3
```
#14bbb3 rgb(20,187,179)
```

Triadic Color

#bb141c
```
#bb141c rgb(187,20,28)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#14bbb3
```
#14bbb3 rgb(20,187,179)
```
#141cbb
```
#141cbb rgb(20,28,187)
```

Tetradic Color

#76710d
```
#76710d rgb(118,113,13)
```
#8d870f
```
#8d870f rgb(141,135,15)
```
#a49d12
```
#a49d12 rgb(164,157,18)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#d2c916
```
#d2c916 rgb(210,201,22)
```
#e7dd1b
```
#e7dd1b rgb(231,221,27)
```
#e9e032
```
#e9e032 rgb(233,224,50)
```

Monochromatic Color

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

#bb8914
```
#bb8914 rgb(187,137,20)
```
#bb9714
```
#bb9714 rgb(187,151,20)
```
#bba514
```
#bba514 rgb(187,165,20)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#b5bb14
```
#b5bb14 rgb(181,187,20)
```
#a7bb14
```
#a7bb14 rgb(167,187,20)
```
#99bb14
```
#99bb14 rgb(153,187,20)
```

Similar Colors

Text with hexadecimal color #bbb314

This text has a font color of #bbb314.

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

#bbb314 background color

This paragraph has a background color of #bbb314.

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

#bbb314 border color

This element has a border color of #bbb314.

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

CSS codes

.text {color:#bbb314;}

.background {background-color:#bbb314;}

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

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

#0a0901
```
#0a0901 rgb(10,9,1)
```
#1c1a03
```
#1c1a03 rgb(28,26,3)
```
#2d2b05
```
#2d2b05 rgb(45,43,5)
```
#3f3c07
```
#3f3c07 rgb(63,60,7)
```
#514d09
```
#514d09 rgb(81,77,9)
```
#625e0b
```
#625e0b rgb(98,94,11)
```
#746f0c
```
#746f0c rgb(116,111,12)
```
#86800e
```
#86800e rgb(134,128,14)
```
#989110
```
#989110 rgb(152,145,16)
```
#a9a212
```
#a9a212 rgb(169,162,18)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#cdc416
```
#cdc416 rgb(205,196,22)
```
#ded518
```
#ded518 rgb(222,213,24)
```

Shade Color Variation

#e7de22
```
#e7de22 rgb(231,222,34)
```
#e9e134
```
#e9e134 rgb(233,225,52)
```
#ebe346
```
#ebe346 rgb(235,227,70)
```
#ede658
```
#ede658 rgb(237,230,88)
```
#efe969
```
#efe969 rgb(239,233,105)
```
#f1eb7b
```
#f1eb7b rgb(241,235,123)
```
#f3ee8d
```
#f3ee8d rgb(243,238,141)
```
#f5f19e
```
#f5f19e rgb(245,241,158)
```
#f7f3b0
```
#f7f3b0 rgb(247,243,176)
```
#f8f6c2
```
#f8f6c2 rgb(248,246,194)
```
#faf9d4
```
#faf9d4 rgb(250,249,212)
```
#fcfbe5
```
#fcfbe5 rgb(252,251,229)
```
#fefef7
```
#fefef7 rgb(254,254,247)
```

Tint Color Variation

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

#6b6b64
```
#6b6b64 rgb(107,107,100)
```
#73725c
```
#73725c rgb(115,114,92)
```
#7b7954
```
#7b7954 rgb(123,121,84)
```
#83814c
```
#83814c rgb(131,129,76)
```
#8b8844
```
#8b8844 rgb(139,136,68)
```
#938f3c
```
#938f3c rgb(147,143,60)
```
#9b9634
```
#9b9634 rgb(155,150,52)
```
#a39d2c
```
#a39d2c rgb(163,157,44)
```
#aba524
```
#aba524 rgb(171,165,36)
```
#b3ac1c
```
#b3ac1c rgb(179,172,28)
```
#bbb314
```
#bbb314 rgb(187,179,20)
```
#c3ba0c
```
#c3ba0c rgb(195,186,12)
```
#cbc104
```
#cbc104 rgb(203,193,4)
```

Tone Color Variation

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

#c8b31f Protanopia 1% of men
#dfaa2a Deuteranopia 1% of men
#caaab6 Tritanopia 0.001% of the population

Trichromacy

#c3b31b Protanomaly 1% of men, 0.01% of women
#d2ad22 Deuteranomaly 6% of men, 0.4% of women
#c4ad7b Tritanomaly 0.01% of the population

#bbb314 hex color

#bbb314 Color Information

#bbb314 Color Conversion

Color Schemes with #bbb314

Alternatives to #bbb314

#bbb314 Preview

Shades and Tints of #bbb314

Tones of #bbb314

Color Blindness Simulator