#bbb348 hex color

In a RGB color space, hex #bbb348 is composed of 73.3% red, 70.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.3% magenta, 61.5% yellow and 26.7% black. It has a hue angle of 55.8 degrees, a saturation of 45.8% and a lightness of 50.8%. #bbb348 color hex could be obtained by blending #ffff90 with #776700. Closest websafe color is: #cccc33.

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

● #bbb348 color description : Moderate yellow.

The hexadecimal color #bbb348 has RGB values of R:187, G:179, B:72 and CMYK values of C:0, M:0.04, Y:0.61, K:0.27. Its decimal value is 12301128.

Hex triplet	bbb348	`#bbb348`
RGB Decimal	187, 179, 72	`rgb(187,179,72)`
RGB Percent	73.3, 70.2, 28.2	`rgb(73.3%,70.2%,28.2%)`
CMYK	0, 4, 61, 27
HSL	55.8°, 45.8, 50.8	`hsl(55.8,45.8%,50.8%)`
HSV (or HSB)	55.8°, 61.5, 73.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	71.74, -10.55, 54.092
XYZ	37.783, 43.274, 12.493
xyY	0.404, 0.463, 43.274
CIE-LCH	71.74, 55.111, 101.036
CIE-LUV	71.74, 10.074, 64.653
Hunter-Lab	65.783, -12.596, 34.788
Binary	10111011, 10110011, 01001000

#bbb348
```
#bbb348 rgb(187,179,72)
```
#4850bb
```
#4850bb rgb(72,80,187)
```

Complementary Color

#bb7a48
```
#bb7a48 rgb(187,122,72)
```
#bbb348
```
#bbb348 rgb(187,179,72)
```
#8abb48
```
#8abb48 rgb(138,187,72)
```

Analogous Color

#7a48bb
```
#7a48bb rgb(122,72,187)
```
#bbb348
```
#bbb348 rgb(187,179,72)
```
#488abb
```
#488abb rgb(72,138,187)
```

Split Complementary Color

#b348bb
```
#b348bb rgb(179,72,187)
```
#bbb348
```
#bbb348 rgb(187,179,72)
```
#48bbb3
```
#48bbb3 rgb(72,187,179)
```

Triadic Color

#bb4850
```
#bb4850 rgb(187,72,80)
```
#bbb348
```
#bbb348 rgb(187,179,72)
```
#48bbb3
```
#48bbb3 rgb(72,187,179)
```
#4850bb
```
#4850bb rgb(72,80,187)
```

Tetradic Color

#857f31
```
#857f31 rgb(133,127,49)
```
#989138
```
#989138 rgb(152,145,56)
```
#aaa33f
```
#aaa33f rgb(170,163,63)
```
#bbb348
```
#bbb348 rgb(187,179,72)
```
#c2bb5b
```
#c2bb5b rgb(194,187,91)
```
#c9c26d
```
#c9c26d rgb(201,194,109)
```
#d0ca80
```
#d0ca80 rgb(208,202,128)
```

Monochromatic Color

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

#bb9648
```
#bb9648 rgb(187,150,72)
```
#bba048
```
#bba048 rgb(187,160,72)
```
#bba948
```
#bba948 rgb(187,169,72)
```
#bbb348
```
#bbb348 rgb(187,179,72)
```
#b9bb48
```
#b9bb48 rgb(185,187,72)
```
#b0bb48
```
#b0bb48 rgb(176,187,72)
```
#a6bb48
```
#a6bb48 rgb(166,187,72)
```

Similar Colors

Text with hexadecimal color #bbb348

This text has a font color of #bbb348.

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

#bbb348 background color

This paragraph has a background color of #bbb348.

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

#bbb348 border color

This element has a border color of #bbb348.

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

CSS codes

.text {color:#bbb348;}

.background {background-color:#bbb348;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111006
```
#111006 rgb(17,16,6)
```
#201e0c
```
#201e0c rgb(32,30,12)
```
#2e2c11
```
#2e2c11 rgb(46,44,17)
```
#3c3916
```
#3c3916 rgb(60,57,22)
```
#4a471c
```
#4a471c rgb(74,71,28)
```
#595521
```
#595521 rgb(89,85,33)
```
#676326
```
#676326 rgb(103,99,38)
```
#75702c
```
#75702c rgb(117,112,44)
```
#847e31
```
#847e31 rgb(132,126,49)
```
#928c36
```
#928c36 rgb(146,140,54)
```
#a0993c
```
#a0993c rgb(160,153,60)
```
#afa741
```
#afa741 rgb(175,167,65)
```

Shade Color Variation

#bbb348
```
#bbb348 rgb(187,179,72)
```
#c0b956
```
#c0b956 rgb(192,185,86)
```
#c6bf65
```
#c6bf65 rgb(198,191,101)
```
#cbc573
```
#cbc573 rgb(203,197,115)
```
#d0cb81
```
#d0cb81 rgb(208,203,129)
```
#d6d190
```
#d6d190 rgb(214,209,144)
```
#dbd79e
```
#dbd79e rgb(219,215,158)
```
#e0ddac
```
#e0ddac rgb(224,221,172)
```
#e6e3ba
```
#e6e3ba rgb(230,227,186)
```
#ebe8c9
```
#ebe8c9 rgb(235,232,201)
```
#f0eed7
```
#f0eed7 rgb(240,238,215)
```
#f5f4e5
```
#f5f4e5 rgb(245,244,229)
```
#fbfaf4
```
#fbfaf4 rgb(251,250,244)
```

Tint Color Variation

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

#8b8978
```
#8b8978 rgb(139,137,120)
```
#94926f
```
#94926f rgb(148,146,111)
```
#9e9a65
```
#9e9a65 rgb(158,154,101)
```
#a8a25b
```
#a8a25b rgb(168,162,91)
```
#b1ab52
```
#b1ab52 rgb(177,171,82)
```
#bbb348
```
#bbb348 rgb(187,179,72)
```
#c5bb3e
```
#c5bb3e rgb(197,187,62)
```
#cec435
```
#cec435 rgb(206,196,53)
```
#d8cc2b
```
#d8cc2b rgb(216,204,43)
```
#e2d421
```
#e2d421 rgb(226,212,33)
```
#ebdd18
```
#ebdd18 rgb(235,221,24)
```
#f5e50e
```
#f5e50e rgb(245,229,14)
```
#ffed04
```
#ffed04 rgb(255,237,4)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#adab96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b450 Protanopia 1% of men
#dcab55 Deuteranopia 1% of men
#c9acb8 Tritanopia 0.001% of the population

Trichromacy

#c2b34d Protanomaly 1% of men, 0.01% of women
#d0ae50 Deuteranomaly 6% of men, 0.4% of women
#c4ae8f Tritanomaly 0.01% of the population

#bbb348 hex color

#bbb348 Color Information

#bbb348 Color Conversion

Color Schemes with #bbb348

Alternatives to #bbb348

#bbb348 Preview

Shades and Tints of #bbb348

Tones of #bbb348

Color Blindness Simulator