#b2a102 hex color

In a RGB color space, hex #b2a102 is composed of 69.8% red, 63.1% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 98.9% yellow and 30.2% black. It has a hue angle of 54.2 degrees, a saturation of 97.8% and a lightness of 35.3%. #b2a102 color hex could be obtained by blending #ffff04 with #654300. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 70
- G 63
- B 1
RGB color chart
- C 0
- M 10
- Y 99
- K 30
CMYK color chart

● #b2a102 color description : Dark yellow [Olive tone].

The hexadecimal color #b2a102 has RGB values of R:178, G:161, B:2 and CMYK values of C:0, M:0.1, Y:0.99, K:0.3. Its decimal value is 11706626.

Hex triplet	b2a102	`#b2a102`
RGB Decimal	178, 161, 2	`rgb(178,161,2)`
RGB Percent	69.8, 63.1, 0.8	`rgb(69.8%,63.1%,0.8%)`
CMYK	0, 10, 99, 30
HSL	54.2°, 97.8, 35.3	`hsl(54.2,97.8%,35.3%)`
HSV (or HSB)	54.2°, 98.9, 69.8
Web Safe	999900	`#999900`

CIE-LAB	65.718, -7.628, 68.487
XYZ	31.116, 34.96, 5.166
xyY	0.437, 0.491, 34.96
CIE-LCH	65.718, 68.91, 96.355
CIE-LUV	65.718, 17.198, 70.638
Hunter-Lab	59.127, -9.535, 36.208
Binary	10110010, 10100001, 00000010

#b2a102
```
#b2a102 rgb(178,161,2)
```
#0213b2
```
#0213b2 rgb(2,19,178)
```

Complementary Color

#b24902
```
#b24902 rgb(178,73,2)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```
#6bb202
```
#6bb202 rgb(107,178,2)
```

Analogous Color

#4902b2
```
#4902b2 rgb(73,2,178)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```
#026bb2
```
#026bb2 rgb(2,107,178)
```

Split Complementary Color

#a102b2
```
#a102b2 rgb(161,2,178)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```
#02b2a1
```
#02b2a1 rgb(2,178,161)
```

Triadic Color

#b20213
```
#b20213 rgb(178,2,19)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```
#02b2a1
```
#02b2a1 rgb(2,178,161)
```
#0213b2
```
#0213b2 rgb(2,19,178)
```

Tetradic Color

#665d01
```
#665d01 rgb(102,93,1)
```
#807301
```
#807301 rgb(128,115,1)
```
#998a02
```
#998a02 rgb(153,138,2)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```
#cbb802
```
#cbb802 rgb(203,184,2)
```
#e4cf03
```
#e4cf03 rgb(228,207,3)
```
#fce404
```
#fce404 rgb(252,228,4)
```

Monochromatic Color

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

#b27502
```
#b27502 rgb(178,117,2)
```
#b28402
```
#b28402 rgb(178,132,2)
```
#b29202
```
#b29202 rgb(178,146,2)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```
#b2b002
```
#b2b002 rgb(178,176,2)
```
#a6b202
```
#a6b202 rgb(166,178,2)
```
#97b202
```
#97b202 rgb(151,178,2)
```

Similar Colors

Text with hexadecimal color #b2a102

This text has a font color of #b2a102.

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

#b2a102 background color

This paragraph has a background color of #b2a102.

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

#b2a102 border color

This element has a border color of #b2a102.

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

CSS codes

.text {color:#b2a102;}

.background {background-color:#b2a102;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#171500
```
#171500 rgb(23,21,0)
```
#2a2600
```
#2a2600 rgb(42,38,0)
```
#3e3801
```
#3e3801 rgb(62,56,1)
```
#514901
```
#514901 rgb(81,73,1)
```
#645b01
```
#645b01 rgb(100,91,1)
```
#786c01
```
#786c01 rgb(120,108,1)
```
#8b7e02
```
#8b7e02 rgb(139,126,2)
```
#9f8f02
```
#9f8f02 rgb(159,143,2)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```
#c5b302
```
#c5b302 rgb(197,179,2)
```
#d9c402
```
#d9c402 rgb(217,196,2)
```
#ecd603
```
#ecd603 rgb(236,214,3)
```

Shade Color Variation

#fce406
```
#fce406 rgb(252,228,6)
```
#fce71a
```
#fce71a rgb(252,231,26)
```
#fde92d
```
#fde92d rgb(253,233,45)
```
#fdeb40
```
#fdeb40 rgb(253,235,64)
```
#fded54
```
#fded54 rgb(253,237,84)
```
#fdef67
```
#fdef67 rgb(253,239,103)
```
#fef17b
```
#fef17b rgb(254,241,123)
```
#fef38e
```
#fef38e rgb(254,243,142)
```
#fef5a1
```
#fef5a1 rgb(254,245,161)
```
#fef7b5
```
#fef7b5 rgb(254,247,181)
```
#fef9c8
```
#fef9c8 rgb(254,249,200)
```
#fffbdc
```
#fffbdc rgb(255,251,220)
```
#fffdef
```
#fffdef rgb(255,253,239)
```

Tint Color Variation

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

#5f5e55
```
#5f5e55 rgb(95,94,85)
```
#66644e
```
#66644e rgb(102,100,78)
```
#6d6947
```
#6d6947 rgb(109,105,71)
```
#746f40
```
#746f40 rgb(116,111,64)
```
#7b7439
```
#7b7439 rgb(123,116,57)
```
#827a32
```
#827a32 rgb(130,122,50)
```
#887f2c
```
#887f2c rgb(136,127,44)
```
#8f8525
```
#8f8525 rgb(143,133,37)
```
#968b1e
```
#968b1e rgb(150,139,30)
```
#9d9017
```
#9d9017 rgb(157,144,23)
```
#a49610
```
#a49610 rgb(164,150,16)
```
#ab9b09
```
#ab9b09 rgb(171,155,9)
```
#b2a102
```
#b2a102 rgb(178,161,2)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9a9777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a40a Protanopia 1% of men
#cd9c1b Deuteranopia 1% of men
#c09aa5 Tritanopia 0.001% of the population

Trichromacy

#b6a307 Protanomaly 1% of men, 0.01% of women
#c39e12 Deuteranomaly 6% of men, 0.4% of women
#bb9d6a Tritanomaly 0.01% of the population

#b2a102 hex color

#b2a102 Color Information

#b2a102 Color Conversion

Color Schemes with #b2a102

Alternatives to #b2a102

#b2a102 Preview

Shades and Tints of #b2a102

Tones of #b2a102

Color Blindness Simulator