#bbaf31 hex color

In a RGB color space, hex #bbaf31 is composed of 73.3% red, 68.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 73.8% yellow and 26.7% black. It has a hue angle of 54.8 degrees, a saturation of 58.5% and a lightness of 46.3%. #bbaf31 color hex could be obtained by blending #ffff62 with #775f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 69
- B 19
RGB color chart
- C 0
- M 6
- Y 74
- K 27
CMYK color chart

● #bbaf31 color description : Moderate yellow.

The hexadecimal color #bbaf31 has RGB values of R:187, G:175, B:49 and CMYK values of C:0, M:0.06, Y:0.74, K:0.27. Its decimal value is 12300081.

Hex triplet	bbaf31	`#bbaf31`
RGB Decimal	187, 175, 49	`rgb(187,175,49)`
RGB Percent	73.3, 68.6, 19.2	`rgb(73.3%,68.6%,19.2%)`
CMYK	0, 6, 74, 27
HSL	54.8°, 58.5, 46.3	`hsl(54.8,58.5%,46.3%)`
HSV (or HSB)	54.8°, 73.8, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.488, -9.769, 62.03
XYZ	36.378, 41.447, 8.99
xyY	0.419, 0.477, 41.447
CIE-LCH	70.488, 62.795, 98.95
CIE-LUV	70.488, 13.35, 69.809
Hunter-Lab	64.38, -11.802, 36.787
Binary	10111011, 10101111, 00110001

#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#313dbb
```
#313dbb rgb(49,61,187)
```

Complementary Color

#bb6a31
```
#bb6a31 rgb(187,106,49)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#82bb31
```
#82bb31 rgb(130,187,49)
```

Analogous Color

#6a31bb
```
#6a31bb rgb(106,49,187)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#3182bb
```
#3182bb rgb(49,130,187)
```

Split Complementary Color

#af31bb
```
#af31bb rgb(175,49,187)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#31bbaf
```
#31bbaf rgb(49,187,175)
```

Triadic Color

#bb313d
```
#bb313d rgb(187,49,61)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#31bbaf
```
#31bbaf rgb(49,187,175)
```
#313dbb
```
#313dbb rgb(49,61,187)
```

Tetradic Color

#7e7621
```
#7e7621 rgb(126,118,33)
```
#938926
```
#938926 rgb(147,137,38)
```
#a79c2c
```
#a79c2c rgb(167,156,44)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#cbbf3a
```
#cbbf3a rgb(203,191,58)
```
#d1c54e
```
#d1c54e rgb(209,197,78)
```
#d6cc63
```
#d6cc63 rgb(214,204,99)
```

Monochromatic Color

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

#bb8d31
```
#bb8d31 rgb(187,141,49)
```
#bb9831
```
#bb9831 rgb(187,152,49)
```
#bba431
```
#bba431 rgb(187,164,49)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#bbbb31
```
#bbbb31 rgb(187,187,49)
```
#b0bb31
```
#b0bb31 rgb(176,187,49)
```
#a5bb31
```
#a5bb31 rgb(165,187,49)
```

Similar Colors

Text with hexadecimal color #bbaf31

This text has a font color of #bbaf31.

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

#bbaf31 background color

This paragraph has a background color of #bbaf31.

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

#bbaf31 border color

This element has a border color of #bbaf31.

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

CSS codes

.text {color:#bbaf31;}

.background {background-color:#bbaf31;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100f04
```
#100f04 rgb(16,15,4)
```
#201e08
```
#201e08 rgb(32,30,8)
```
#2f2c0c
```
#2f2c0c rgb(47,44,12)
```
#3f3b10
```
#3f3b10 rgb(63,59,16)
```
#4e4914
```
#4e4914 rgb(78,73,20)
```
#5e5819
```
#5e5819 rgb(94,88,25)
```
#6d661d
```
#6d661d rgb(109,102,29)
```
#7d7521
```
#7d7521 rgb(125,117,33)
```
#8c8325
```
#8c8325 rgb(140,131,37)
```
#9c9229
```
#9c9229 rgb(156,146,41)
```
#aba02d
```
#aba02d rgb(171,160,45)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```

Shade Color Variation

#cabd35
```
#cabd35 rgb(202,189,53)
```
#cec245
```
#cec245 rgb(206,194,69)
```
#d2c755
```
#d2c755 rgb(210,199,85)
```
#d6cc64
```
#d6cc64 rgb(214,204,100)
```
#dad274
```
#dad274 rgb(218,210,116)
```
#dfd783
```
#dfd783 rgb(223,215,131)
```
#e3dc93
```
#e3dc93 rgb(227,220,147)
```
#e7e1a2
```
#e7e1a2 rgb(231,225,162)
```
#ebe6b2
```
#ebe6b2 rgb(235,230,178)
```
#efebc1
```
#efebc1 rgb(239,235,193)
```
#f3f0d1
```
#f3f0d1 rgb(243,240,209)
```
#f7f5e0
```
#f7f5e0 rgb(247,245,224)
```
#fbfaf0
```
#fbfaf0 rgb(251,250,240)
```

Tint Color Variation

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

#7b7b71
```
#7b7b71 rgb(123,123,113)
```
#858267
```
#858267 rgb(133,130,103)
```
#8e8a5e
```
#8e8a5e rgb(142,138,94)
```
#979155
```
#979155 rgb(151,145,85)
```
#a0994c
```
#a0994c rgb(160,153,76)
```
#a9a043
```
#a9a043 rgb(169,160,67)
```
#b2a83a
```
#b2a83a rgb(178,168,58)
```
#bbaf31
```
#bbaf31 rgb(187,175,49)
```
#c4b628
```
#c4b628 rgb(196,182,40)
```
#cdbe1f
```
#cdbe1f rgb(205,190,31)
```
#d6c516
```
#d6c516 rgb(214,197,22)
```
#dfcd0d
```
#dfcd0d rgb(223,205,13)
```
#e8d404
```
#e8d404 rgb(232,212,4)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a9a68d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b03b Protanopia 1% of men
#daa840 Deuteranopia 1% of men
#c9a7b3 Tritanopia 0.001% of the population

Trichromacy

#c1b037 Protanomaly 1% of men, 0.01% of women
#cfaa3b Deuteranomaly 6% of men, 0.4% of women
#c4aa84 Tritanomaly 0.01% of the population

#bbaf31 hex color

#bbaf31 Color Information

#bbaf31 Color Conversion

Color Schemes with #bbaf31

Alternatives to #bbaf31

#bbaf31 Preview

Shades and Tints of #bbaf31

Tones of #bbaf31

Color Blindness Simulator