#b2af26 hex color

In a RGB color space, hex #b2af26 is composed of 69.8% red, 68.6% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 78.7% yellow and 30.2% black. It has a hue angle of 58.7 degrees, a saturation of 64.8% and a lightness of 42.4%. #b2af26 color hex could be obtained by blending #ffff4c with #655f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 69
- B 15
RGB color chart
- C 0
- M 2
- Y 79
- K 30
CMYK color chart

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

The hexadecimal color #b2af26 has RGB values of R:178, G:175, B:38 and CMYK values of C:0, M:0.02, Y:0.79, K:0.3. Its decimal value is 11710246.

Hex triplet	b2af26	`#b2af26`
RGB Decimal	178, 175, 38	`rgb(178,175,38)`
RGB Percent	69.8, 68.6, 14.9	`rgb(69.8%,68.6%,14.9%)`
CMYK	0, 2, 79, 30
HSL	58.7°, 64.8, 42.4	`hsl(58.7,64.8%,42.4%)`
HSV (or HSB)	58.7°, 78.7, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.658, -14.141, 64.579
XYZ	34.04, 40.266, 7.813
xyY	0.415, 0.49, 40.266
CIE-LCH	69.658, 66.109, 102.351
CIE-LUV	69.658, 7.252, 72.016
Hunter-Lab	63.455, -15.291, 37.119
Binary	10110010, 10101111, 00100110

#b2af26
```
#b2af26 rgb(178,175,38)
```
#2629b2
```
#2629b2 rgb(38,41,178)
```

Complementary Color

#b26926
```
#b26926 rgb(178,105,38)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#6fb226
```
#6fb226 rgb(111,178,38)
```

Analogous Color

#6926b2
```
#6926b2 rgb(105,38,178)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#266fb2
```
#266fb2 rgb(38,111,178)
```

Split Complementary Color

#af26b2
```
#af26b2 rgb(175,38,178)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#26b2af
```
#26b2af rgb(38,178,175)
```

Triadic Color

#b22629
```
#b22629 rgb(178,38,41)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#26b2af
```
#26b2af rgb(38,178,175)
```
#2629b2
```
#2629b2 rgb(38,41,178)
```

Tetradic Color

#737119
```
#737119 rgb(115,113,25)
```
#88861d
```
#88861d rgb(136,134,29)
```
#9d9a22
```
#9d9a22 rgb(157,154,34)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#c7c42a
```
#c7c42a rgb(199,196,42)
```
#d4d137
```
#d4d137 rgb(212,209,55)
```
#d9d64c
```
#d9d64c rgb(217,214,76)
```

Monochromatic Color

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

#b28c26
```
#b28c26 rgb(178,140,38)
```
#b29826
```
#b29826 rgb(178,152,38)
```
#b2a326
```
#b2a326 rgb(178,163,38)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#a9b226
```
#a9b226 rgb(169,178,38)
```
#9eb226
```
#9eb226 rgb(158,178,38)
```
#92b226
```
#92b226 rgb(146,178,38)
```

Similar Colors

Text with hexadecimal color #b2af26

This text has a font color of #b2af26.

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

#b2af26 background color

This paragraph has a background color of #b2af26.

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

#b2af26 border color

This element has a border color of #b2af26.

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

CSS codes

.text {color:#b2af26;}

.background {background-color:#b2af26;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#101003
```
#101003 rgb(16,16,3)
```
#212007
```
#212007 rgb(33,32,7)
```
#31300a
```
#31300a rgb(49,48,10)
```
#41400e
```
#41400e rgb(65,64,14)
```
#515011
```
#515011 rgb(81,80,17)
```
#616015
```
#616015 rgb(97,96,21)
```
#716f18
```
#716f18 rgb(113,111,24)
```
#827f1c
```
#827f1c rgb(130,127,28)
```
#928f1f
```
#928f1f rgb(146,143,31)
```
#a29f23
```
#a29f23 rgb(162,159,35)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#c2bf29
```
#c2bf29 rgb(194,191,41)
```

Shade Color Variation

#d2cf2d
```
#d2cf2d rgb(210,207,45)
```
#d6d23d
```
#d6d23d rgb(214,210,61)
```
#d9d64d
```
#d9d64d rgb(217,214,77)
```
#ddda5e
```
#ddda5e rgb(221,218,94)
```
#e0de6e
```
#e0de6e rgb(224,222,110)
```
#e3e17e
```
#e3e17e rgb(227,225,126)
```
#e7e58e
```
#e7e58e rgb(231,229,142)
```
#eae99e
```
#eae99e rgb(234,233,158)
```
#eeecae
```
#eeecae rgb(238,236,174)
```
#f1f0bf
```
#f1f0bf rgb(241,240,191)
```
#f5f4cf
```
#f5f4cf rgb(245,244,207)
```
#f8f8df
```
#f8f8df rgb(248,248,223)
```
#fcfbef
```
#fcfbef rgb(252,251,239)
```

Tint Color Variation

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

#706f68
```
#706f68 rgb(112,111,104)
```
#787760
```
#787760 rgb(120,119,96)
```
#807f58
```
#807f58 rgb(128,127,88)
```
#888750
```
#888750 rgb(136,135,80)
```
#918f47
```
#918f47 rgb(145,143,71)
```
#99973f
```
#99973f rgb(153,151,63)
```
#a19f37
```
#a19f37 rgb(161,159,55)
```
#aaa72e
```
#aaa72e rgb(170,167,46)
```
#b2af26
```
#b2af26 rgb(178,175,38)
```
#bab71e
```
#bab71e rgb(186,183,30)
```
#c3bf15
```
#c3bf15 rgb(195,191,21)
```
#cbc70d
```
#cbc70d rgb(203,199,13)
```
#d3cf05
```
#d3cf05 rgb(211,207,5)
```

Tone Color Variation

Below, you can see how #b2af26 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
#a4a388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae30 Protanopia 1% of men
#d8a638 Deuteranopia 1% of men
#c1a7b3 Tritanopia 0.001% of the population

Trichromacy

#bcae2c Protanomaly 1% of men, 0.01% of women
#caa931 Deuteranomaly 6% of men, 0.4% of women
#bcaa80 Tritanomaly 0.01% of the population

#b2af26 hex color

#b2af26 Color Information

#b2af26 Color Conversion

Color Schemes with #b2af26

Alternatives to #b2af26

#b2af26 Preview

Shades and Tints of #b2af26

Tones of #b2af26

Color Blindness Simulator