#b2a518 hex color

In a RGB color space, hex #b2a518 is composed of 69.8% red, 64.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.3% magenta, 86.5% yellow and 30.2% black. It has a hue angle of 54.9 degrees, a saturation of 76.2% and a lightness of 39.6%. #b2a518 color hex could be obtained by blending #ffff30 with #654b00. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a518 has RGB values of R:178, G:165, B:24 and CMYK values of C:0, M:0.07, Y:0.87, K:0.3. Its decimal value is 11707672.

Hex triplet	b2a518	`#b2a518`
RGB Decimal	178, 165, 24	`rgb(178,165,24)`
RGB Percent	69.8, 64.7, 9.4	`rgb(69.8%,64.7%,9.4%)`
CMYK	0, 7, 87, 30
HSL	54.9°, 76.2, 39.6	`hsl(54.9,76.2%,39.6%)`
HSV (or HSB)	54.9°, 86.5, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.856, -9.375, 65.856
XYZ	31.98, 36.442, 6.214
xyY	0.428, 0.488, 36.442
CIE-LCH	66.856, 66.52, 98.102
CIE-LUV	66.856, 14.204, 70.234
Hunter-Lab	60.367, -11.08, 36.154
Binary	10110010, 10100101, 00011000

#b2a518
```
#b2a518 rgb(178,165,24)
```
#1825b2
```
#1825b2 rgb(24,37,178)
```

Complementary Color

#b25818
```
#b25818 rgb(178,88,24)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#72b218
```
#72b218 rgb(114,178,24)
```

Analogous Color

#5818b2
```
#5818b2 rgb(88,24,178)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#1872b2
```
#1872b2 rgb(24,114,178)
```

Split Complementary Color

#a518b2
```
#a518b2 rgb(165,24,178)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#18b2a5
```
#18b2a5 rgb(24,178,165)
```

Triadic Color

#b21825
```
#b21825 rgb(178,24,37)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#18b2a5
```
#18b2a5 rgb(24,178,165)
```
#1825b2
```
#1825b2 rgb(24,37,178)
```

Tetradic Color

#6f670f
```
#6f670f rgb(111,103,15)
```
#857b12
```
#857b12 rgb(133,123,18)
```
#9c9015
```
#9c9015 rgb(156,144,21)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#c8ba1b
```
#c8ba1b rgb(200,186,27)
```
#dfcf1e
```
#dfcf1e rgb(223,207,30)
```
#e3d533
```
#e3d533 rgb(227,213,51)
```

Monochromatic Color

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

#b27f18
```
#b27f18 rgb(178,127,24)
```
#b28b18
```
#b28b18 rgb(178,139,24)
```
#b29818
```
#b29818 rgb(178,152,24)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#b2b218
```
#b2b218 rgb(178,178,24)
```
#a5b218
```
#a5b218 rgb(165,178,24)
```
#99b218
```
#99b218 rgb(153,178,24)
```

Similar Colors

Text with hexadecimal color #b2a518

This text has a font color of #b2a518.

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

#b2a518 background color

This paragraph has a background color of #b2a518.

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

#b2a518 border color

This element has a border color of #b2a518.

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

CSS codes

.text {color:#b2a518;}

.background {background-color:#b2a518;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#161503
```
#161503 rgb(22,21,3)
```
#282505
```
#282505 rgb(40,37,5)
```
#393508
```
#393508 rgb(57,53,8)
```
#4a450a
```
#4a450a rgb(74,69,10)
```
#5c550c
```
#5c550c rgb(92,85,12)
```
#6d650f
```
#6d650f rgb(109,101,15)
```
#7e7511
```
#7e7511 rgb(126,117,17)
```
#8f8513
```
#8f8513 rgb(143,133,19)
```
#a19516
```
#a19516 rgb(161,149,22)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#c3b51a
```
#c3b51a rgb(195,181,26)
```
#d5c51d
```
#d5c51d rgb(213,197,29)
```

Shade Color Variation

#e1d123
```
#e1d123 rgb(225,209,35)
```
#e4d535
```
#e4d535 rgb(228,213,53)
```
#e6d946
```
#e6d946 rgb(230,217,70)
```
#e8dc57
```
#e8dc57 rgb(232,220,87)
```
#ebe069
```
#ebe069 rgb(235,224,105)
```
#ede37a
```
#ede37a rgb(237,227,122)
```
#efe78b
```
#efe78b rgb(239,231,139)
```
#f2eb9c
```
#f2eb9c rgb(242,235,156)
```
#f4eeae
```
#f4eeae rgb(244,238,174)
```
#f6f2bf
```
#f6f2bf rgb(246,242,191)
```
#f9f5d0
```
#f9f5d0 rgb(249,245,208)
```
#fbf9e2
```
#fbf9e2 rgb(251,249,226)
```
#fdfcf3
```
#fdfcf3 rgb(253,252,243)
```

Tint Color Variation

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

#6c6b5e
```
#6c6b5e rgb(108,107,94)
```
#747156
```
#747156 rgb(116,113,86)
```
#7c784e
```
#7c784e rgb(124,120,78)
```
#837e47
```
#837e47 rgb(131,126,71)
```
#8b853f
```
#8b853f rgb(139,133,63)
```
#938b37
```
#938b37 rgb(147,139,55)
```
#9b922f
```
#9b922f rgb(155,146,47)
```
#a29828
```
#a29828 rgb(162,152,40)
```
#aa9f20
```
#aa9f20 rgb(170,159,32)
```
#b2a518
```
#b2a518 rgb(178,165,24)
```
#baab10
```
#baab10 rgb(186,171,16)
```
#c2b208
```
#c2b208 rgb(194,178,8)
```
#c9b801
```
#c9b801 rgb(201,184,1)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9e9b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba723 Protanopia 1% of men
#d09f2b Deuteranopia 1% of men
#c09ea9 Tritanopia 0.001% of the population

Trichromacy

#b8a61f Protanomaly 1% of men, 0.01% of women
#c5a124 Deuteranomaly 6% of men, 0.4% of women
#bba074 Tritanomaly 0.01% of the population

#b2a518 hex color

#b2a518 Color Information

#b2a518 Color Conversion

Color Schemes with #b2a518

Alternatives to #b2a518

#b2a518 Preview

Shades and Tints of #b2a518

Tones of #b2a518

Color Blindness Simulator