colorhexa.com

#bbaf09 hex color

In a RGB color space, hex #bbaf09 is composed of 73.3% red, 68.6% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 95.2% yellow and 26.7% black. It has a hue angle of 56 degrees, a saturation of 90.8% and a lightness of 38.4%. #bbaf09 color hex could be obtained by blending #ffff12 with #775f00. Closest websafe color is: #cc9900.

- R 73
- G 69
- B 4
RGB color chart
- C 0
- M 6
- Y 95
- K 27
CMYK color chart

● #bbaf09 color description : Strong yellow.

The hexadecimal color #bbaf09 has RGB values of R:187, G:175, B:9 and CMYK values of C:0, M:0.06, Y:0.95, K:0.27. Its decimal value is 12300041.

Hex triplet	bbaf09	`#bbaf09`
RGB Decimal	187, 175, 9	`rgb(187,175,9)`
RGB Percent	73.3, 68.6, 3.5	`rgb(73.3%,68.6%,3.5%)`
CMYK	0, 6, 95, 27
HSL	56°, 90.8, 38.4	`hsl(56,90.8%,38.4%)`
HSV (or HSB)	56°, 95.2, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.348, -10.85, 71.397
XYZ	35.873, 41.245, 6.33
xyY	0.43, 0.494, 41.245
CIE-LCH	70.348, 72.217, 98.641
CIE-LUV	70.348, 13.901, 75.714
Hunter-Lab	64.223, -12.684, 39.112
Binary	10111011, 10101111, 00001001

#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#0915bb
```
#0915bb rgb(9,21,187)
```

Complementary Color

#bb5609
```
#bb5609 rgb(187,86,9)
```
#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#6ebb09
```
#6ebb09 rgb(110,187,9)
```

Analogous Color

#5609bb
```
#5609bb rgb(86,9,187)
```
#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#096ebb
```
#096ebb rgb(9,110,187)
```

Split Complementary Color

#af09bb
```
#af09bb rgb(175,9,187)
```
#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#09bbaf
```
#09bbaf rgb(9,187,175)
```

Triadic Color

#726b05
```
#726b05 rgb(114,107,5)
```
#8a8107
```
#8a8107 rgb(138,129,7)
```
#a39808
```
#a39808 rgb(163,152,8)
```
#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#d3c60a
```
#d3c60a rgb(211,198,10)
```
#ecdd0b
```
#ecdd0b rgb(236,221,11)
```
#f4e61c
```
#f4e61c rgb(244,230,28)
```

Monochromatic Color

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

#bb8309
```
#bb8309 rgb(187,131,9)
```
#bb9109
```
#bb9109 rgb(187,145,9)
```
#bba009
```
#bba009 rgb(187,160,9)
```
#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#b8bb09
```
#b8bb09 rgb(184,187,9)
```
#a9bb09
```
#a9bb09 rgb(169,187,9)
```
#9bbb09
```
#9bbb09 rgb(155,187,9)
```

Similar Colors

Text with hexadecimal color #bbaf09

This text has a font color of #bbaf09.

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

#bbaf09 background color

This paragraph has a background color of #bbaf09.

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

#bbaf09 border color

This element has a border color of #bbaf09.

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

CSS codes

.text {color:#bbaf09;}

.background {background-color:#bbaf09;}

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

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

#131101
```
#131101 rgb(19,17,1)
```
#252302
```
#252302 rgb(37,35,2)
```
#383403
```
#383403 rgb(56,52,3)
```
#4b4604
```
#4b4604 rgb(75,70,4)
```
#5d5704
```
#5d5704 rgb(93,87,4)
```
#706905
```
#706905 rgb(112,105,5)
```
#837a06
```
#837a06 rgb(131,122,6)
```
#968c07
```
#968c07 rgb(150,140,7)
```
#a89d08
```
#a89d08 rgb(168,157,8)
```
#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#cec10a
```
#cec10a rgb(206,193,10)
```
#e0d20b
```
#e0d20b rgb(224,210,11)
```
#f3e40c
```
#f3e40c rgb(243,228,12)
```

Shade Color Variation

#f4e61e
```
#f4e61e rgb(244,230,30)
```
#f5e831
```
#f5e831 rgb(245,232,49)
```
#f6ea44
```
#f6ea44 rgb(246,234,68)
```
#f7ec56
```
#f7ec56 rgb(247,236,86)
```
#f8ee69
```
#f8ee69 rgb(248,238,105)
```
#f9f07c
```
#f9f07c rgb(249,240,124)
```
#faf28f
```
#faf28f rgb(250,242,143)
```
#faf4a1
```
#faf4a1 rgb(250,244,161)
```
#fbf7b4
```
#fbf7b4 rgb(251,247,180)
```
#fcf9c7
```
#fcf9c7 rgb(252,249,199)
```
#fdfbd9
```
#fdfbd9 rgb(253,251,217)
```
#fefdec
```
#fefdec rgb(254,253,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68675c
```
#68675c rgb(104,103,92)
```
#706e54
```
#706e54 rgb(112,110,84)
```
#77744d
```
#77744d rgb(119,116,77)
```
#7f7b45
```
#7f7b45 rgb(127,123,69)
```
#86813e
```
#86813e rgb(134,129,62)
```
#8e8836
```
#8e8836 rgb(142,136,54)
```
#958e2f
```
#958e2f rgb(149,142,47)
```
#9d9527
```
#9d9527 rgb(157,149,39)
```
#a49b20
```
#a49b20 rgb(164,155,32)
```
#aca218
```
#aca218 rgb(172,162,24)
```
#b3a811
```
#b3a811 rgb(179,168,17)
```
#bbaf09
```
#bbaf09 rgb(187,175,9)
```
#c3b601
```
#c3b601 rgb(195,182,1)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a5a382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b014 Protanopia 1% of men
#dca723 Deuteranopia 1% of men
#caa7b3 Tritanopia 0.001% of the population

Trichromacy

#c1b010 Protanomaly 1% of men, 0.01% of women
#d0aa19 Deuteranomaly 6% of men, 0.4% of women
#c4aa75 Tritanomaly 0.01% of the population