#b2a216 hex color

In a RGB color space, hex #b2a216 is composed of 69.8% red, 63.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 87.6% yellow and 30.2% black. It has a hue angle of 53.8 degrees, a saturation of 78% and a lightness of 39.2%. #b2a216 color hex could be obtained by blending #ffff2c with #654500. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 70
- G 64
- B 9
RGB color chart
- C 0
- M 9
- Y 88
- K 30
CMYK color chart

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

The hexadecimal color #b2a216 has RGB values of R:178, G:162, B:22 and CMYK values of C:0, M:0.09, Y:0.88, K:0.3. Its decimal value is 11706902.

Hex triplet	b2a216	`#b2a216`
RGB Decimal	178, 162, 22	`rgb(178,162,22)`
RGB Percent	69.8, 63.5, 8.6	`rgb(69.8%,63.5%,8.6%)`
CMYK	0, 9, 88, 30
HSL	53.8°, 78, 39.2	`hsl(53.8,78%,39.2%)`
HSV (or HSB)	53.8°, 87.6, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.031, -7.843, 65.624
XYZ	31.426, 35.365, 5.93
xyY	0.432, 0.486, 35.365
CIE-LCH	66.031, 66.091, 96.815
CIE-LUV	66.031, 16.315, 69.294
Hunter-Lab	59.468, -9.742, 35.716
Binary	10110010, 10100010, 00010110

#b2a216
```
#b2a216 rgb(178,162,22)
```
#1626b2
```
#1626b2 rgb(22,38,178)
```

Complementary Color

#b25416
```
#b25416 rgb(178,84,22)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#74b216
```
#74b216 rgb(116,178,22)
```

Analogous Color

#5416b2
```
#5416b2 rgb(84,22,178)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#1674b2
```
#1674b2 rgb(22,116,178)
```

Split Complementary Color

#a216b2
```
#a216b2 rgb(162,22,178)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#16b2a2
```
#16b2a2 rgb(22,178,162)
```

Triadic Color

#b21626
```
#b21626 rgb(178,22,38)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#16b2a2
```
#16b2a2 rgb(22,178,162)
```
#1626b2
```
#1626b2 rgb(22,38,178)
```

Tetradic Color

#6e640e
```
#6e640e rgb(110,100,14)
```
#857910
```
#857910 rgb(133,121,16)
```
#9b8d13
```
#9b8d13 rgb(155,141,19)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#c9b719
```
#c9b719 rgb(201,183,25)
```
#dfcb1c
```
#dfcb1c rgb(223,203,28)
```
#e5d32f
```
#e5d32f rgb(229,211,47)
```

Monochromatic Color

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

#b27b16
```
#b27b16 rgb(178,123,22)
```
#b28816
```
#b28816 rgb(178,136,22)
```
#b29516
```
#b29516 rgb(178,149,22)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#b2af16
```
#b2af16 rgb(178,175,22)
```
#a8b216
```
#a8b216 rgb(168,178,22)
```
#9bb216
```
#9bb216 rgb(155,178,22)
```

Similar Colors

Text with hexadecimal color #b2a216

This text has a font color of #b2a216.

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

#b2a216 background color

This paragraph has a background color of #b2a216.

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

#b2a216 border color

This element has a border color of #b2a216.

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

CSS codes

.text {color:#b2a216;}

.background {background-color:#b2a216;}

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

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 #fdfcf1 is the lightest one.

#030300
```
#030300 rgb(3,3,0)
```
#151303
```
#151303 rgb(21,19,3)
```
#262305
```
#262305 rgb(38,35,5)
```
#383307
```
#383307 rgb(56,51,7)
```
#494309
```
#494309 rgb(73,67,9)
```
#5b530b
```
#5b530b rgb(91,83,11)
```
#6c620d
```
#6c620d rgb(108,98,13)
```
#7e7210
```
#7e7210 rgb(126,114,16)
```
#8f8212
```
#8f8212 rgb(143,130,18)
```
#a19214
```
#a19214 rgb(161,146,20)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#c3b218
```
#c3b218 rgb(195,178,24)
```
#d5c21a
```
#d5c21a rgb(213,194,26)
```

Shade Color Variation

#e3cf1f
```
#e3cf1f rgb(227,207,31)
```
#e6d331
```
#e6d331 rgb(230,211,49)
```
#e8d742
```
#e8d742 rgb(232,215,66)
```
#eada54
```
#eada54 rgb(234,218,84)
```
#ecde65
```
#ecde65 rgb(236,222,101)
```
#eee277
```
#eee277 rgb(238,226,119)
```
#f0e688
```
#f0e688 rgb(240,230,136)
```
#f2e99a
```
#f2e99a rgb(242,233,154)
```
#f5edab
```
#f5edab rgb(245,237,171)
```
#f7f1bd
```
#f7f1bd rgb(247,241,189)
```
#f9f5ce
```
#f9f5ce rgb(249,245,206)
```
#fbf8e0
```
#fbf8e0 rgb(251,248,224)
```
#fdfcf1
```
#fdfcf1 rgb(253,252,241)
```

Tint Color Variation

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

#656563
```
#656563 rgb(101,101,99)
```
#6d6b5b
```
#6d6b5b rgb(109,107,91)
```
#747154
```
#747154 rgb(116,113,84)
```
#7c774c
```
#7c774c rgb(124,119,76)
```
#847d44
```
#847d44 rgb(132,125,68)
```
#8c833c
```
#8c833c rgb(140,131,60)
```
#938a35
```
#938a35 rgb(147,138,53)
```
#9b902d
```
#9b902d rgb(155,144,45)
```
#a39625
```
#a39625 rgb(163,150,37)
```
#aa9c1e
```
#aa9c1e rgb(170,156,30)
```
#b2a216
```
#b2a216 rgb(178,162,22)
```
#baa80e
```
#baa80e rgb(186,168,14)
```
#c1ae07
```
#c1ae07 rgb(193,174,7)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c997d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a521 Protanopia 1% of men
#ce9d29 Deuteranopia 1% of men
#c09ba6 Tritanopia 0.001% of the population

Trichromacy

#b6a41d Protanomaly 1% of men, 0.01% of women
#c39f22 Deuteranomaly 6% of men, 0.4% of women
#bb9e72 Tritanomaly 0.01% of the population

#b2a216 hex color

#b2a216 Color Information

#b2a216 Color Conversion

Color Schemes with #b2a216

Alternatives to #b2a216

#b2a216 Preview

Shades and Tints of #b2a216

Tones of #b2a216

Color Blindness Simulator