#b2ae16 hex color

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

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

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

The hexadecimal color #b2ae16 has RGB values of R:178, G:174, B:22 and CMYK values of C:0, M:0.02, Y:0.88, K:0.3. Its decimal value is 11709974.

Hex triplet	b2ae16	`#b2ae16`
RGB Decimal	178, 174, 22	`rgb(178,174,22)`
RGB Percent	69.8, 68.2, 8.6	`rgb(69.8%,68.2%,8.6%)`
CMYK	0, 2, 88, 30
HSL	58.5°, 78, 39.2	`hsl(58.5,78%,39.2%)`
HSV (or HSB)	58.5°, 87.6, 69.8
Web Safe	999900	`#999900`

CIE-LAB	69.324, -14.092, 68.276
XYZ	33.641, 39.796, 6.668
xyY	0.42, 0.497, 39.796
CIE-LCH	69.324, 69.715, 101.662
CIE-LUV	69.324, 8.108, 74.069
Hunter-Lab	63.084, -15.207, 37.891
Binary	10110010, 10101110, 00010110

#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#161ab2
```
#161ab2 rgb(22,26,178)
```

Complementary Color

#b26016
```
#b26016 rgb(178,96,22)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#68b216
```
#68b216 rgb(104,178,22)
```

Analogous Color

#6016b2
```
#6016b2 rgb(96,22,178)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#1668b2
```
#1668b2 rgb(22,104,178)
```

Split Complementary Color

#ae16b2
```
#ae16b2 rgb(174,22,178)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#16b2ae
```
#16b2ae rgb(22,178,174)
```

Triadic Color

#b2161a
```
#b2161a rgb(178,22,26)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#16b2ae
```
#16b2ae rgb(22,178,174)
```
#161ab2
```
#161ab2 rgb(22,26,178)
```

Tetradic Color

#6e6b0e
```
#6e6b0e rgb(110,107,14)
```
#858210
```
#858210 rgb(133,130,16)
```
#9b9813
```
#9b9813 rgb(155,152,19)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#c9c419
```
#c9c419 rgb(201,196,25)
```
#dfda1c
```
#dfda1c rgb(223,218,28)
```
#e5e12f
```
#e5e12f rgb(229,225,47)
```

Monochromatic Color

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

#b28716
```
#b28716 rgb(178,135,22)
```
#b29416
```
#b29416 rgb(178,148,22)
```
#b2a116
```
#b2a116 rgb(178,161,22)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#a9b216
```
#a9b216 rgb(169,178,22)
```
#9cb216
```
#9cb216 rgb(156,178,22)
```
#8fb216
```
#8fb216 rgb(143,178,22)
```

Similar Colors

Text with hexadecimal color #b2ae16

This text has a font color of #b2ae16.

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

#b2ae16 background color

This paragraph has a background color of #b2ae16.

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

#b2ae16 border color

This element has a border color of #b2ae16.

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

CSS codes

.text {color:#b2ae16;}

.background {background-color:#b2ae16;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#151403
```
#151403 rgb(21,20,3)
```
#262505
```
#262505 rgb(38,37,5)
```
#383707
```
#383707 rgb(56,55,7)
```
#494809
```
#494809 rgb(73,72,9)
```
#5b590b
```
#5b590b rgb(91,89,11)
```
#6c6a0d
```
#6c6a0d rgb(108,106,13)
```
#7e7b10
```
#7e7b10 rgb(126,123,16)
```
#8f8c12
```
#8f8c12 rgb(143,140,18)
```
#a19d14
```
#a19d14 rgb(161,157,20)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#c3bf18
```
#c3bf18 rgb(195,191,24)
```
#d5d01a
```
#d5d01a rgb(213,208,26)
```

Shade Color Variation

#e3de1f
```
#e3de1f rgb(227,222,31)
```
#e6e131
```
#e6e131 rgb(230,225,49)
```
#e8e342
```
#e8e342 rgb(232,227,66)
```
#eae654
```
#eae654 rgb(234,230,84)
```
#ece965
```
#ece965 rgb(236,233,101)
```
#eeeb77
```
#eeeb77 rgb(238,235,119)
```
#f0ee88
```
#f0ee88 rgb(240,238,136)
```
#f2f09a
```
#f2f09a rgb(242,240,154)
```
#f5f3ab
```
#f5f3ab rgb(245,243,171)
```
#f7f5bd
```
#f7f5bd rgb(247,245,189)
```
#f9f8ce
```
#f9f8ce rgb(249,248,206)
```
#fbfae0
```
#fbfae0 rgb(251,250,224)
```
#fdfdf1
```
#fdfdf1 rgb(253,253,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 #c1bd07 is the most saturated one.

#656563
```
#656563 rgb(101,101,99)
```
#6d6c5b
```
#6d6c5b rgb(109,108,91)
```
#747454
```
#747454 rgb(116,116,84)
```
#7c7b4c
```
#7c7b4c rgb(124,123,76)
```
#848244
```
#848244 rgb(132,130,68)
```
#8c8a3c
```
#8c8a3c rgb(140,138,60)
```
#939135
```
#939135 rgb(147,145,53)
```
#9b982d
```
#9b982d rgb(155,152,45)
```
#a39f25
```
#a39f25 rgb(163,159,37)
```
#aaa71e
```
#aaa71e rgb(170,167,30)
```
#b2ae16
```
#b2ae16 rgb(178,174,22)
```
#bab50e
```
#bab50e rgb(186,181,14)
```
#c1bd07
```
#c1bd07 rgb(193,189,7)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a2a183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae20 Protanopia 1% of men
#d8a52c Deuteranopia 1% of men
#c1a6b2 Tritanopia 0.001% of the population

Trichromacy

#bcae1c Protanomaly 1% of men, 0.01% of women
#caa824 Deuteranomaly 6% of men, 0.4% of women
#bca979 Tritanomaly 0.01% of the population

#b2ae16 hex color

#b2ae16 Color Information

#b2ae16 Color Conversion

Color Schemes with #b2ae16

Alternatives to #b2ae16

#b2ae16 Preview

Shades and Tints of #b2ae16

Tones of #b2ae16

Color Blindness Simulator