#bbbf48 hex color

In a RGB color space, hex #bbbf48 is composed of 73.3% red, 74.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 0% magenta, 62.3% yellow and 25.1% black. It has a hue angle of 62 degrees, a saturation of 48.2% and a lightness of 51.6%. #bbbf48 color hex could be obtained by blending #ffff90 with #777f00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 73
- G 75
- B 28
RGB color chart
- C 2
- M 0
- Y 62
- K 25
CMYK color chart

● #bbbf48 color description : Moderate yellow.

The hexadecimal color #bbbf48 has RGB values of R:187, G:191, B:72 and CMYK values of C:0.02, M:0, Y:0.62, K:0.25. Its decimal value is 12304200.

Hex triplet	bbbf48	`#bbbf48`
RGB Decimal	187, 191, 72	`rgb(187,191,72)`
RGB Percent	73.3, 74.9, 28.2	`rgb(73.3%,74.9%,28.2%)`
CMYK	2, 0, 62, 25
HSL	62°, 48.2, 51.6	`hsl(62,48.2%,51.6%)`
HSV (or HSB)	62°, 62.3, 74.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.01, -16.677, 57.607
XYZ	40.294, 48.295, 13.33
xyY	0.395, 0.474, 48.295
CIE-LCH	75.01, 59.972, 106.145
CIE-LUV	75.01, 2.391, 70.018
Hunter-Lab	69.494, -18.118, 37.274
Binary	10111011, 10111111, 01001000

#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#4c48bf
```
#4c48bf rgb(76,72,191)
```

Complementary Color

#bf8848
```
#bf8848 rgb(191,136,72)
```
#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#80bf48
```
#80bf48 rgb(128,191,72)
```

Analogous Color

#8848bf
```
#8848bf rgb(136,72,191)
```
#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#4880bf
```
#4880bf rgb(72,128,191)
```

Split Complementary Color

#bf48bb
```
#bf48bb rgb(191,72,187)
```
#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#48bbbf
```
#48bbbf rgb(72,187,191)
```

Triadic Color

#bf4c48
```
#bf4c48 rgb(191,76,72)
```
#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#48bbbf
```
#48bbbf rgb(72,187,191)
```
#4c48bf
```
#4c48bf rgb(76,72,191)
```

Tetradic Color

#878a30
```
#878a30 rgb(135,138,48)
```
#9a9d37
```
#9a9d37 rgb(154,157,55)
```
#acb03e
```
#acb03e rgb(172,176,62)
```
#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#c2c65b
```
#c2c65b rgb(194,198,91)
```
#c9cc6e
```
#c9cc6e rgb(201,204,110)
```
#d0d381
```
#d0d381 rgb(208,211,129)
```

Monochromatic Color

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

#bfa548
```
#bfa548 rgb(191,165,72)
```
#bfaf48
```
#bfaf48 rgb(191,175,72)
```
#bfb948
```
#bfb948 rgb(191,185,72)
```
#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#b1bf48
```
#b1bf48 rgb(177,191,72)
```
#a7bf48
```
#a7bf48 rgb(167,191,72)
```
#9dbf48
```
#9dbf48 rgb(157,191,72)
```

Similar Colors

Text with hexadecimal color #bbbf48

This text has a font color of #bbbf48.

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

#bbbf48 background color

This paragraph has a background color of #bbbf48.

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

#bbbf48 border color

This element has a border color of #bbbf48.

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

CSS codes

.text {color:#bbbf48;}

.background {background-color:#bbbf48;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141407
```
#141407 rgb(20,20,7)
```
#22230c
```
#22230c rgb(34,35,12)
```
#303211
```
#303211 rgb(48,50,17)
```
#3f4016
```
#3f4016 rgb(63,64,22)
```
#4d4f1b
```
#4d4f1b rgb(77,79,27)
```
#5b5d21
```
#5b5d21 rgb(91,93,33)
```
#696c26
```
#696c26 rgb(105,108,38)
```
#787a2b
```
#787a2b rgb(120,122,43)
```
#868930
```
#868930 rgb(134,137,48)
```
#949735
```
#949735 rgb(148,151,53)
```
#a2a63a
```
#a2a63a rgb(162,166,58)
```
#b0b43f
```
#b0b43f rgb(176,180,63)
```

Shade Color Variation

#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#c0c457
```
#c0c457 rgb(192,196,87)
```
#c6c965
```
#c6c965 rgb(198,201,101)
```
#cbce74
```
#cbce74 rgb(203,206,116)
```
#d1d382
```
#d1d382 rgb(209,211,130)
```
#d6d891
```
#d6d891 rgb(214,216,145)
```
#dbdd9f
```
#dbdd9f rgb(219,221,159)
```
#e1e3ae
```
#e1e3ae rgb(225,227,174)
```
#e6e8bc
```
#e6e8bc rgb(230,232,188)
```
#ecedcb
```
#ecedcb rgb(236,237,203)
```
#f1f2d9
```
#f1f2d9 rgb(241,242,217)
```
#f6f7e8
```
#f6f7e8 rgb(246,247,232)
```
#fcfcf6
```
#fcfcf6 rgb(252,252,246)
```

Tint Color Variation

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

#868681
```
#868681 rgb(134,134,129)
```
#8f9078
```
#8f9078 rgb(143,144,120)
```
#98996e
```
#98996e rgb(152,153,110)
```
#a0a365
```
#a0a365 rgb(160,163,101)
```
#a9ac5b
```
#a9ac5b rgb(169,172,91)
```
#b2b652
```
#b2b652 rgb(178,182,82)
```
#bbbf48
```
#bbbf48 rgb(187,191,72)
```
#c4c93f
```
#c4c93f rgb(196,201,63)
```
#cdd235
```
#cdd235 rgb(205,210,53)
```
#d6dc2c
```
#d6dc2c rgb(214,220,44)
```
#dee522
```
#dee522 rgb(222,229,34)
```
#e7ef19
```
#e7ef19 rgb(231,239,25)
```
#f0f80f
```
#f0f80f rgb(240,248,15)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b2b39b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc4f Protanopia 1% of men
#e7b357 Deuteranopia 1% of men
#cbb6c3 Tritanopia 0.001% of the population

Trichromacy

#c8bd4d Protanomaly 1% of men, 0.01% of women
#d7b751 Deuteranomaly 6% of men, 0.4% of women
#c5b996 Tritanomaly 0.01% of the population

#bbbf48 hex color

#bbbf48 Color Information

#bbbf48 Color Conversion

Color Schemes with #bbbf48

Alternatives to #bbbf48

#bbbf48 Preview

Shades and Tints of #bbbf48

Tones of #bbbf48

Color Blindness Simulator