#b8a312 hex color

In a RGB color space, hex #b8a312 is composed of 72.2% red, 63.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 90.2% yellow and 27.8% black. It has a hue angle of 52.4 degrees, a saturation of 82.2% and a lightness of 39.6%. #b8a312 color hex could be obtained by blending #ffff24 with #714700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 72
- G 64
- B 7
RGB color chart
- C 0
- M 11
- Y 90
- K 28
CMYK color chart

● #b8a312 color description : Strong yellow.

The hexadecimal color #b8a312 has RGB values of R:184, G:163, B:18 and CMYK values of C:0, M:0.11, Y:0.9, K:0.28. Its decimal value is 12100370.

Hex triplet	b8a312	`#b8a312`
RGB Decimal	184, 163, 18	`rgb(184,163,18)`
RGB Percent	72.2, 63.9, 7.1	`rgb(72.2%,63.9%,7.1%)`
CMYK	0, 11, 90, 28
HSL	52.4°, 82.2, 39.6	`hsl(52.4,82.2%,39.6%)`
HSV (or HSB)	52.4°, 90.2, 72.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.847, -5.769, 67.298
XYZ	32.974, 36.43, 5.867
xyY	0.438, 0.484, 36.43
CIE-LCH	66.847, 67.545, 94.9
CIE-LUV	66.847, 20.06, 70.247
Hunter-Lab	60.357, -8.107, 36.487
Binary	10111000, 10100011, 00010010

#b8a312
```
#b8a312 rgb(184,163,18)
```
#1227b8
```
#1227b8 rgb(18,39,184)
```

Complementary Color

#b85012
```
#b85012 rgb(184,80,18)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#7ab812
```
#7ab812 rgb(122,184,18)
```

Analogous Color

#5012b8
```
#5012b8 rgb(80,18,184)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#127ab8
```
#127ab8 rgb(18,122,184)
```

Split Complementary Color

#a312b8
```
#a312b8 rgb(163,18,184)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#12b8a3
```
#12b8a3 rgb(18,184,163)
```

Triadic Color

#b81227
```
#b81227 rgb(184,18,39)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#12b8a3
```
#12b8a3 rgb(18,184,163)
```
#1227b8
```
#1227b8 rgb(18,39,184)
```

Tetradic Color

#72650b
```
#72650b rgb(114,101,11)
```
#8a7a0d
```
#8a7a0d rgb(138,122,13)
```
#a18e10
```
#a18e10 rgb(161,142,16)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#cfb814
```
#cfb814 rgb(207,184,20)
```
#e6cc17
```
#e6cc17 rgb(230,204,23)
```
#ead22c
```
#ead22c rgb(234,210,44)
```

Monochromatic Color

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

#b87a12
```
#b87a12 rgb(184,122,18)
```
#b88712
```
#b88712 rgb(184,135,18)
```
#b89512
```
#b89512 rgb(184,149,18)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#b8b112
```
#b8b112 rgb(184,177,18)
```
#b1b812
```
#b1b812 rgb(177,184,18)
```
#a4b812
```
#a4b812 rgb(164,184,18)
```

Similar Colors

Text with hexadecimal color #b8a312

This text has a font color of #b8a312.

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

#b8a312 background color

This paragraph has a background color of #b8a312.

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

#b8a312 border color

This element has a border color of #b8a312.

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

CSS codes

.text {color:#b8a312;}

.background {background-color:#b8a312;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#171502
```
#171502 rgb(23,21,2)
```
#292404
```
#292404 rgb(41,36,4)
```
#3b3406
```
#3b3406 rgb(59,52,6)
```
#4d4408
```
#4d4408 rgb(77,68,8)
```
#5f5409
```
#5f5409 rgb(95,84,9)
```
#71640b
```
#71640b rgb(113,100,11)
```
#82740d
```
#82740d rgb(130,116,13)
```
#94830f
```
#94830f rgb(148,131,15)
```
#a69310
```
#a69310 rgb(166,147,16)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#cab314
```
#cab314 rgb(202,179,20)
```
#dcc315
```
#dcc315 rgb(220,195,21)
```

Shade Color Variation

#e9cf1c
```
#e9cf1c rgb(233,207,28)
```
#ebd32e
```
#ebd32e rgb(235,211,46)
```
#ecd640
```
#ecd640 rgb(236,214,64)
```
#eeda52
```
#eeda52 rgb(238,218,82)
```
#f0de64
```
#f0de64 rgb(240,222,100)
```
#f2e275
```
#f2e275 rgb(242,226,117)
```
#f3e687
```
#f3e687 rgb(243,230,135)
```
#f5e999
```
#f5e999 rgb(245,233,153)
```
#f7edab
```
#f7edab rgb(247,237,171)
```
#f9f1bd
```
#f9f1bd rgb(249,241,189)
```
#faf5cf
```
#faf5cf rgb(250,245,207)
```
#fcf9e1
```
#fcf9e1 rgb(252,249,225)
```
#fefcf2
```
#fefcf2 rgb(254,252,242)
```

Tint Color Variation

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

#6a6960
```
#6a6960 rgb(106,105,96)
```
#726f58
```
#726f58 rgb(114,111,88)
```
#7a7550
```
#7a7550 rgb(122,117,80)
```
#827a48
```
#827a48 rgb(130,122,72)
```
#898041
```
#898041 rgb(137,128,65)
```
#918639
```
#918639 rgb(145,134,57)
```
#998c31
```
#998c31 rgb(153,140,49)
```
#a19229
```
#a19229 rgb(161,146,41)
```
#a89722
```
#a89722 rgb(168,151,34)
```
#b09d1a
```
#b09d1a rgb(176,157,26)
```
#b8a312
```
#b8a312 rgb(184,163,18)
```
#c0a90a
```
#c0a90a rgb(192,169,10)
```
#c8af02
```
#c8af02 rgb(200,175,2)
```

Tone Color Variation

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

Dichromacy

#bba71e Protanopia 1% of men
#d09f25 Deuteranopia 1% of men
#c59ca7 Tritanopia 0.001% of the population

Trichromacy

#baa619 Protanomaly 1% of men, 0.01% of women
#c7a01e Deuteranomaly 6% of men, 0.4% of women
#c09f71 Tritanomaly 0.01% of the population

#b8a312 hex color

#b8a312 Color Information

#b8a312 Color Conversion

Color Schemes with #b8a312

Alternatives to #b8a312

#b8a312 Preview

Shades and Tints of #b8a312

Tones of #b8a312

Color Blindness Simulator