#b8a816 hex color

In a RGB color space, hex #b8a816 is composed of 72.2% red, 65.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.7% magenta, 88% yellow and 27.8% black. It has a hue angle of 54.1 degrees, a saturation of 78.6% and a lightness of 40.4%. #b8a816 color hex could be obtained by blending #ffff2c with #715100. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 72
- G 66
- B 9
RGB color chart
- C 0
- M 9
- Y 88
- K 28
CMYK color chart

● #b8a816 color description : Strong yellow.

The hexadecimal color #b8a816 has RGB values of R:184, G:168, B:22 and CMYK values of C:0, M:0.09, Y:0.88, K:0.28. Its decimal value is 12101654.

Hex triplet	b8a816	`#b8a816`
RGB Decimal	184, 168, 22	`rgb(184,168,22)`
RGB Percent	72.2, 65.9, 8.6	`rgb(72.2%,65.9%,8.6%)`
CMYK	0, 9, 88, 28
HSL	54.1°, 78.6, 40.4	`hsl(54.1,78.6%,40.4%)`
HSV (or HSB)	54.1°, 88, 72.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.208, -8.325, 67.6
XYZ	33.915, 38.255, 6.356
xyY	0.432, 0.487, 38.255
CIE-LCH	68.208, 68.111, 97.021
CIE-LUV	68.208, 16.485, 71.774
Hunter-Lab	61.85, -10.359, 37.202
Binary	10111000, 10101000, 00010110

#b8a816
```
#b8a816 rgb(184,168,22)
```
#1626b8
```
#1626b8 rgb(22,38,184)
```

Complementary Color

#b85716
```
#b85716 rgb(184,87,22)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#77b816
```
#77b816 rgb(119,184,22)
```

Analogous Color

#5716b8
```
#5716b8 rgb(87,22,184)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#1677b8
```
#1677b8 rgb(22,119,184)
```

Split Complementary Color

#a816b8
```
#a816b8 rgb(168,22,184)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#16b8a8
```
#16b8a8 rgb(22,184,168)
```

Triadic Color

#b81626
```
#b81626 rgb(184,22,38)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#16b8a8
```
#16b8a8 rgb(22,184,168)
```
#1626b8
```
#1626b8 rgb(22,38,184)
```

Tetradic Color

#746a0e
```
#746a0e rgb(116,106,14)
```
#8a7e11
```
#8a7e11 rgb(138,126,17)
```
#a19313
```
#a19313 rgb(161,147,19)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#cfbd19
```
#cfbd19 rgb(207,189,25)
```
#e4d01d
```
#e4d01d rgb(228,208,29)
```
#e7d534
```
#e7d534 rgb(231,213,52)
```

Monochromatic Color

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

#b88016
```
#b88016 rgb(184,128,22)
```
#b88d16
```
#b88d16 rgb(184,141,22)
```
#b89b16
```
#b89b16 rgb(184,155,22)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#b8b616
```
#b8b616 rgb(184,182,22)
```
#adb816
```
#adb816 rgb(173,184,22)
```
#a0b816
```
#a0b816 rgb(160,184,22)
```

Similar Colors

Text with hexadecimal color #b8a816

This text has a font color of #b8a816.

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

#b8a816 background color

This paragraph has a background color of #b8a816.

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

#b8a816 border color

This element has a border color of #b8a816.

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

CSS codes

.text {color:#b8a816;}

.background {background-color:#b8a816;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1a1803
```
#1a1803 rgb(26,24,3)
```
#2c2805
```
#2c2805 rgb(44,40,5)
```
#3d3807
```
#3d3807 rgb(61,56,7)
```
#4f4809
```
#4f4809 rgb(79,72,9)
```
#60580c
```
#60580c rgb(96,88,12)
```
#72680e
```
#72680e rgb(114,104,14)
```
#837810
```
#837810 rgb(131,120,16)
```
#958812
```
#958812 rgb(149,136,18)
```
#a69814
```
#a69814 rgb(166,152,20)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#cab818
```
#cab818 rgb(202,184,24)
```
#dbc81a
```
#dbc81a rgb(219,200,26)
```

Shade Color Variation

#e5d224
```
#e5d224 rgb(229,210,36)
```
#e7d536
```
#e7d536 rgb(231,213,54)
```
#e9d947
```
#e9d947 rgb(233,217,71)
```
#ebdd59
```
#ebdd59 rgb(235,221,89)
```
#ede06a
```
#ede06a rgb(237,224,106)
```
#efe47c
```
#efe47c rgb(239,228,124)
```
#f1e78d
```
#f1e78d rgb(241,231,141)
```
#f3eb9f
```
#f3eb9f rgb(243,235,159)
```
#f6efb0
```
#f6efb0 rgb(246,239,176)
```
#f8f2c2
```
#f8f2c2 rgb(248,242,194)
```
#faf6d3
```
#faf6d3 rgb(250,246,211)
```
#fcfae5
```
#fcfae5 rgb(252,250,229)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#696865
```
#696865 rgb(105,104,101)
```
#716f5d
```
#716f5d rgb(113,111,93)
```
#797555
```
#797555 rgb(121,117,85)
```
#817b4d
```
#817b4d rgb(129,123,77)
```
#888246
```
#888246 rgb(136,130,70)
```
#90883e
```
#90883e rgb(144,136,62)
```
#988f36
```
#988f36 rgb(152,143,54)
```
#a0952e
```
#a0952e rgb(160,149,46)
```
#a89b26
```
#a89b26 rgb(168,155,38)
```
#b0a21e
```
#b0a21e rgb(176,162,30)
```
#b8a816
```
#b8a816 rgb(184,168,22)
```
#c0ae0e
```
#c0ae0e rgb(192,174,14)
```
#c8b506
```
#c8b506 rgb(200,181,6)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a29e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab21 Protanopia 1% of men
#d5a229 Deuteranopia 1% of men
#c6a1ac Tritanopia 0.001% of the population

Trichromacy

#bcaa1d Protanomaly 1% of men, 0.01% of women
#caa422 Deuteranomaly 6% of men, 0.4% of women
#c1a375 Tritanomaly 0.01% of the population

#b8a816 hex color

#b8a816 Color Information

#b8a816 Color Conversion

Color Schemes with #b8a816

Alternatives to #b8a816

#b8a816 Preview

Shades and Tints of #b8a816

Tones of #b8a816

Color Blindness Simulator