colorhexa.com

#bbaa02 hex color

In a RGB color space, hex #bbaa02 is composed of 73.3% red, 66.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 98.9% yellow and 26.7% black. It has a hue angle of 54.5 degrees, a saturation of 97.9% and a lightness of 37.1%. #bbaa02 color hex could be obtained by blending #ffff04 with #775500. Closest websafe color is: #cc9900.

- R 73
- G 67
- B 1
RGB color chart
- C 0
- M 9
- Y 99
- K 27
CMYK color chart

● #bbaa02 color description : Strong yellow.

The hexadecimal color #bbaa02 has RGB values of R:187, G:170, B:2 and CMYK values of C:0, M:0.09, Y:0.99, K:0.27. Its decimal value is 12298754.

Hex triplet	bbaa02	`#bbaa02`
RGB Decimal	187, 170, 2	`rgb(187,170,2)`
RGB Percent	73.3, 66.7, 0.8	`rgb(73.3%,66.7%,0.8%)`
CMYK	0, 9, 99, 27
HSL	54.5°, 97.9, 37.1	`hsl(54.5,97.9%,37.1%)`
HSV (or HSB)	54.5°, 98.9, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.982, -8.332, 71.227
XYZ	34.88, 39.32, 5.81
xyY	0.436, 0.491, 39.32
CIE-LCH	68.982, 71.713, 96.672
CIE-LUV	68.982, 17.436, 74.239
Hunter-Lab	62.705, -10.445, 38.401
Binary	10111011, 10101010, 00000010

#bbaa02
```
#bbaa02 rgb(187,170,2)
```
#0213bb
```
#0213bb rgb(2,19,187)
```

Complementary Color

#bb4e02
```
#bb4e02 rgb(187,78,2)
```
#bbaa02
```
#bbaa02 rgb(187,170,2)
```
#70bb02
```
#70bb02 rgb(112,187,2)
```

Analogous Color

#4e02bb
```
#4e02bb rgb(78,2,187)
```
#bbaa02
```
#bbaa02 rgb(187,170,2)
```
#0270bb
```
#0270bb rgb(2,112,187)
```

Split Complementary Color

#aa02bb
```
#aa02bb rgb(170,2,187)
```
#bbaa02
```
#bbaa02 rgb(187,170,2)
```
#02bbaa
```
#02bbaa rgb(2,187,170)
```

Triadic Color

#6f6501
```
#6f6501 rgb(111,101,1)
```
#897c01
```
#897c01 rgb(137,124,1)
```
#a29302
```
#a29302 rgb(162,147,2)
```
#bbaa02
```
#bbaa02 rgb(187,170,2)
```
#d4c102
```
#d4c102 rgb(212,193,2)
```
#edd803
```
#edd803 rgb(237,216,3)
```
#fce60d
```
#fce60d rgb(252,230,13)
```

Monochromatic Color

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

#bb7c02
```
#bb7c02 rgb(187,124,2)
```
#bb8b02
```
#bb8b02 rgb(187,139,2)
```
#bb9b02
```
#bb9b02 rgb(187,155,2)
```
#bbaa02
```
#bbaa02 rgb(187,170,2)
```
#bbb902
```
#bbb902 rgb(187,185,2)
```
#adbb02
```
#adbb02 rgb(173,187,2)
```
#9ebb02
```
#9ebb02 rgb(158,187,2)
```

Similar Colors

Text with hexadecimal color #bbaa02

This text has a font color of #bbaa02.

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

#bbaa02 background color

This paragraph has a background color of #bbaa02.

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

#bbaa02 border color

This element has a border color of #bbaa02.

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

CSS codes

.text {color:#bbaa02;}

.background {background-color:#bbaa02;}

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

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, #0c0b00 is the darkest color, while #fffef8 is the lightest one.

#0c0b00
```
#0c0b00 rgb(12,11,0)
```
#201d00
```
#201d00 rgb(32,29,0)
```
#332e01
```
#332e01 rgb(51,46,1)
```
#474001
```
#474001 rgb(71,64,1)
```
#5a5201
```
#5a5201 rgb(90,82,1)
```
#6d6301
```
#6d6301 rgb(109,99,1)
```
#817501
```
#817501 rgb(129,117,1)
```
#948702
```
#948702 rgb(148,135,2)
```
#a89802
```
#a89802 rgb(168,152,2)
```
#bbaa02
```
#bbaa02 rgb(187,170,2)
```
#cebc02
```
#cebc02 rgb(206,188,2)
```
#e2cd02
```
#e2cd02 rgb(226,205,2)
```
#f5df03
```
#f5df03 rgb(245,223,3)
```

Shade Color Variation

#fce70f
```
#fce70f rgb(252,231,15)
```
#fde922
```
#fde922 rgb(253,233,34)
```
#fdeb36
```
#fdeb36 rgb(253,235,54)
```
#fded49
```
#fded49 rgb(253,237,73)
```
#fdef5d
```
#fdef5d rgb(253,239,93)
```
#fdf070
```
#fdf070 rgb(253,240,112)
```
#fef283
```
#fef283 rgb(254,242,131)
```
#fef497
```
#fef497 rgb(254,244,151)
```
#fef6aa
```
#fef6aa rgb(254,246,170)
```
#fef8be
```
#fef8be rgb(254,248,190)
```
#fffad1
```
#fffad1 rgb(255,250,209)
```
#fffce5
```
#fffce5 rgb(255,252,229)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

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

#646359
```
#646359 rgb(100,99,89)
```
#6b6952
```
#6b6952 rgb(107,105,82)
```
#726f4b
```
#726f4b rgb(114,111,75)
```
#7a7543
```
#7a7543 rgb(122,117,67)
```
#817b3c
```
#817b3c rgb(129,123,60)
```
#888035
```
#888035 rgb(136,128,53)
```
#8f862e
```
#8f862e rgb(143,134,46)
```
#978c26
```
#978c26 rgb(151,140,38)
```
#9e921f
```
#9e921f rgb(158,146,31)
```
#a59818
```
#a59818 rgb(165,152,24)
```
#ac9e11
```
#ac9e11 rgb(172,158,17)
```
#b4a409
```
#b4a409 rgb(180,164,9)
```
#bbaa02
```
#bbaa02 rgb(187,170,2)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a29f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad0a Protanopia 1% of men
#d8a41d Deuteranopia 1% of men
#c9a2ae Tritanopia 0.001% of the population

Trichromacy

#bfac07 Protanomaly 1% of men, 0.01% of women
#cda613 Deuteranomaly 6% of men, 0.4% of women
#c4a56f Tritanomaly 0.01% of the population