#b2a524 hex color

In a RGB color space, hex #b2a524 is composed of 69.8% red, 64.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.3% magenta, 79.8% yellow and 30.2% black. It has a hue angle of 54.5 degrees, a saturation of 66.4% and a lightness of 42%. #b2a524 color hex could be obtained by blending #ffff48 with #654b00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 65
- B 14
RGB color chart
- C 0
- M 7
- Y 80
- K 30
CMYK color chart

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

The hexadecimal color #b2a524 has RGB values of R:178, G:165, B:36 and CMYK values of C:0, M:0.07, Y:0.8, K:0.3. Its decimal value is 11707684.

Hex triplet	b2a524	`#b2a524`
RGB Decimal	178, 165, 36	`rgb(178,165,36)`
RGB Percent	69.8, 64.7, 14.1	`rgb(69.8%,64.7%,14.1%)`
CMYK	0, 7, 80, 30
HSL	54.5°, 66.4, 42	`hsl(54.5,66.4%,42%)`
HSV (or HSB)	54.5°, 79.8, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.903, -9.02, 62.731
XYZ	32.134, 36.504, 7.022
xyY	0.425, 0.482, 36.504
CIE-LCH	66.903, 63.376, 98.182
CIE-LUV	66.903, 14.018, 68.3
Hunter-Lab	60.418, -10.795, 35.402
Binary	10110010, 10100101, 00100100

#b2a524
```
#b2a524 rgb(178,165,36)
```
#2431b2
```
#2431b2 rgb(36,49,178)
```

Complementary Color

#b25e24
```
#b25e24 rgb(178,94,36)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#78b224
```
#78b224 rgb(120,178,36)
```

Analogous Color

#5e24b2
```
#5e24b2 rgb(94,36,178)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#2478b2
```
#2478b2 rgb(36,120,178)
```

Split Complementary Color

#a524b2
```
#a524b2 rgb(165,36,178)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#24b2a5
```
#24b2a5 rgb(36,178,165)
```

Triadic Color

#b22431
```
#b22431 rgb(178,36,49)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#24b2a5
```
#24b2a5 rgb(36,178,165)
```
#2431b2
```
#2431b2 rgb(36,49,178)
```

Tetradic Color

#726a17
```
#726a17 rgb(114,106,23)
```
#887e1b
```
#887e1b rgb(136,126,27)
```
#9d9120
```
#9d9120 rgb(157,145,32)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#c7b928
```
#c7b928 rgb(199,185,40)
```
#d6c733
```
#d6c733 rgb(214,199,51)
```
#dacd48
```
#dacd48 rgb(218,205,72)
```

Monochromatic Color

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

#b28224
```
#b28224 rgb(178,130,36)
```
#b28d24
```
#b28d24 rgb(178,141,36)
```
#b29924
```
#b29924 rgb(178,153,36)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#b2b124
```
#b2b124 rgb(178,177,36)
```
#a7b224
```
#a7b224 rgb(167,178,36)
```
#9cb224
```
#9cb224 rgb(156,178,36)
```

Similar Colors

Text with hexadecimal color #b2a524

This text has a font color of #b2a524.

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

#b2a524 background color

This paragraph has a background color of #b2a524.

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

#b2a524 border color

This element has a border color of #b2a524.

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

CSS codes

.text {color:#b2a524;}

.background {background-color:#b2a524;}

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

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

#0f0e03
```
#0f0e03 rgb(15,14,3)
```
#1f1d06
```
#1f1d06 rgb(31,29,6)
```
#2f2c0a
```
#2f2c0a rgb(47,44,10)
```
#403b0d
```
#403b0d rgb(64,59,13)
```
#504a10
```
#504a10 rgb(80,74,16)
```
#605914
```
#605914 rgb(96,89,20)
```
#716917
```
#716917 rgb(113,105,23)
```
#81781a
```
#81781a rgb(129,120,26)
```
#91871d
```
#91871d rgb(145,135,29)
```
#a29621
```
#a29621 rgb(162,150,33)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#c2b427
```
#c2b427 rgb(194,180,39)
```
#d3c32b
```
#d3c32b rgb(211,195,43)
```

Shade Color Variation

#d7c93a
```
#d7c93a rgb(215,201,58)
```
#dacd4a
```
#dacd4a rgb(218,205,74)
```
#ded25a
```
#ded25a rgb(222,210,90)
```
#e1d66b
```
#e1d66b rgb(225,214,107)
```
#e4db7b
```
#e4db7b rgb(228,219,123)
```
#e8df8b
```
#e8df8b rgb(232,223,139)
```
#ebe49c
```
#ebe49c rgb(235,228,156)
```
#eee8ac
```
#eee8ac rgb(238,232,172)
```
#f2edbc
```
#f2edbc rgb(242,237,188)
```
#f5f1cd
```
#f5f1cd rgb(245,241,205)
```
#f8f6dd
```
#f8f6dd rgb(248,246,221)
```
#fbfaed
```
#fbfaed rgb(251,250,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#706f66
```
#706f66 rgb(112,111,102)
```
#78765e
```
#78765e rgb(120,118,94)
```
#817d55
```
#817d55 rgb(129,125,85)
```
#89834d
```
#89834d rgb(137,131,77)
```
#918a45
```
#918a45 rgb(145,138,69)
```
#99913d
```
#99913d rgb(153,145,61)
```
#a29834
```
#a29834 rgb(162,152,52)
```
#aa9e2c
```
#aa9e2c rgb(170,158,44)
```
#b2a524
```
#b2a524 rgb(178,165,36)
```
#baac1c
```
#baac1c rgb(186,172,28)
```
#c2b214
```
#c2b214 rgb(194,178,20)
```
#cbb90b
```
#cbb90b rgb(203,185,11)
```
#d3c003
```
#d3c003 rgb(211,192,3)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9f9c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba72e Protanopia 1% of men
#d09f34 Deuteranopia 1% of men
#c09ea9 Tritanopia 0.001% of the population

Trichromacy

#b7a62a Protanomaly 1% of men, 0.01% of women
#c5a12e Deuteranomaly 6% of men, 0.4% of women
#bba179 Tritanomaly 0.01% of the population

#b2a524 hex color

#b2a524 Color Information

#b2a524 Color Conversion

Color Schemes with #b2a524

Alternatives to #b2a524

#b2a524 Preview

Shades and Tints of #b2a524

Tones of #b2a524

Color Blindness Simulator