#bbbf31 hex color

In a RGB color space, hex #bbbf31 is composed of 73.3% red, 74.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 0% magenta, 74.3% yellow and 25.1% black. It has a hue angle of 61.7 degrees, a saturation of 59.2% and a lightness of 47.1%. #bbbf31 color hex could be obtained by blending #ffff62 with #777f00. Closest websafe color is: #cccc33.

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

● #bbbf31 color description : Moderate yellow.

The hexadecimal color #bbbf31 has RGB values of R:187, G:191, B:49 and CMYK values of C:0.02, M:0, Y:0.74, K:0.25. Its decimal value is 12304177.

Hex triplet	bbbf31	`#bbbf31`
RGB Decimal	187, 191, 49	`rgb(187,191,49)`
RGB Percent	73.3, 74.9, 19.2	`rgb(73.3%,74.9%,19.2%)`
CMYK	2, 0, 74, 25
HSL	61.7°, 59.2, 47.1	`hsl(61.7,59.2%,47.1%)`
HSV (or HSB)	61.7°, 74.3, 74.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.856, -17.931, 66.143
XYZ	39.679, 48.049, 10.09
xyY	0.406, 0.491, 48.049
CIE-LCH	74.856, 68.531, 105.168
CIE-LUV	74.856, 2.815, 76.472
Hunter-Lab	69.317, -19.128, 39.892
Binary	10111011, 10111111, 00110001

#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#3531bf
```
#3531bf rgb(53,49,191)
```

Complementary Color

#bf7c31
```
#bf7c31 rgb(191,124,49)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#74bf31
```
#74bf31 rgb(116,191,49)
```

Analogous Color

#7c31bf
```
#7c31bf rgb(124,49,191)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#3174bf
```
#3174bf rgb(49,116,191)
```

Split Complementary Color

#bf31bb
```
#bf31bb rgb(191,49,187)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#31bbbf
```
#31bbbf rgb(49,187,191)
```

Triadic Color

#bf3531
```
#bf3531 rgb(191,53,49)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#31bbbf
```
#31bbbf rgb(49,187,191)
```
#3531bf
```
#3531bf rgb(53,49,191)
```

Tetradic Color

#7f8221
```
#7f8221 rgb(127,130,33)
```
#939627
```
#939627 rgb(147,150,39)
```
#a7ab2c
```
#a7ab2c rgb(167,171,44)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#c9cd3c
```
#c9cd3c rgb(201,205,60)
```
#cfd251
```
#cfd251 rgb(207,210,81)
```
#d4d765
```
#d4d765 rgb(212,215,101)
```

Monochromatic Color

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

#bfa031
```
#bfa031 rgb(191,160,49)
```
#bfab31
```
#bfab31 rgb(191,171,49)
```
#bfb731
```
#bfb731 rgb(191,183,49)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#afbf31
```
#afbf31 rgb(175,191,49)
```
#a3bf31
```
#a3bf31 rgb(163,191,49)
```
#98bf31
```
#98bf31 rgb(152,191,49)
```

Similar Colors

Text with hexadecimal color #bbbf31

This text has a font color of #bbbf31.

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

#bbbf31 background color

This paragraph has a background color of #bbbf31.

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

#bbbf31 border color

This element has a border color of #bbbf31.

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

CSS codes

.text {color:#bbbf31;}

.background {background-color:#bbbf31;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131305
```
#131305 rgb(19,19,5)
```
#222309
```
#222309 rgb(34,35,9)
```
#31330d
```
#31330d rgb(49,51,13)
```
#414211
```
#414211 rgb(65,66,17)
```
#505215
```
#505215 rgb(80,82,21)
```
#5f6119
```
#5f6119 rgb(95,97,25)
```
#6f711d
```
#6f711d rgb(111,113,29)
```
#7e8121
```
#7e8121 rgb(126,129,33)
```
#8d9025
```
#8d9025 rgb(141,144,37)
```
#9ca029
```
#9ca029 rgb(156,160,41)
```
#acaf2d
```
#acaf2d rgb(172,175,45)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```

Shade Color Variation

#c8cc38
```
#c8cc38 rgb(200,204,56)
```
#ccd047
```
#ccd047 rgb(204,208,71)
```
#d0d457
```
#d0d457 rgb(208,212,87)
```
#d5d867
```
#d5d867 rgb(213,216,103)
```
#d9dc76
```
#d9dc76 rgb(217,220,118)
```
#dde086
```
#dde086 rgb(221,224,134)
```
#e2e495
```
#e2e495 rgb(226,228,149)
```
#e6e8a5
```
#e6e8a5 rgb(230,232,165)
```
#eaecb5
```
#eaecb5 rgb(234,236,181)
```
#eff0c4
```
#eff0c4 rgb(239,240,196)
```
#f3f4d4
```
#f3f4d4 rgb(243,244,212)
```
#f7f8e3
```
#f7f8e3 rgb(247,248,227)
```
#fcfcf3
```
#fcfcf3 rgb(252,252,243)
```

Tint Color Variation

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

#7e7e72
```
#7e7e72 rgb(126,126,114)
```
#878868
```
#878868 rgb(135,136,104)
```
#8f915f
```
#8f915f rgb(143,145,95)
```
#989a56
```
#989a56 rgb(152,154,86)
```
#a1a34d
```
#a1a34d rgb(161,163,77)
```
#aaad43
```
#aaad43 rgb(170,173,67)
```
#b2b63a
```
#b2b63a rgb(178,182,58)
```
#bbbf31
```
#bbbf31 rgb(187,191,49)
```
#c4c828
```
#c4c828 rgb(196,200,40)
```
#ccd11f
```
#ccd11f rgb(204,209,31)
```
#d5db15
```
#d5db15 rgb(213,219,21)
```
#dee40c
```
#dee40c rgb(222,228,12)
```
#e7ed03
```
#e7ed03 rgb(231,237,3)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b1b195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bc3a Protanopia 1% of men
#e8b343 Deuteranopia 1% of men
#cbb6c2 Tritanopia 0.001% of the population

Trichromacy

#c9bd36 Protanomaly 1% of men, 0.01% of women
#d8b73c Deuteranomaly 6% of men, 0.4% of women
#c5b98d Tritanomaly 0.01% of the population

#bbbf31 hex color

#bbbf31 Color Information

#bbbf31 Color Conversion

Color Schemes with #bbbf31

Alternatives to #bbbf31

#bbbf31 Preview

Shades and Tints of #bbbf31

Tones of #bbbf31

Color Blindness Simulator