#b2a712 hex color

In a RGB color space, hex #b2a712 is composed of 69.8% red, 65.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 89.9% yellow and 30.2% black. It has a hue angle of 55.9 degrees, a saturation of 81.6% and a lightness of 38.4%. #b2a712 color hex could be obtained by blending #ffff24 with #654f00. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a712 has RGB values of R:178, G:167, B:18 and CMYK values of C:0, M:0.06, Y:0.9, K:0.3. Its decimal value is 11708178.

Hex triplet	b2a712	`#b2a712`
RGB Decimal	178, 167, 18	`rgb(178,167,18)`
RGB Percent	69.8, 65.5, 7.1	`rgb(69.8%,65.5%,7.1%)`
CMYK	0, 6, 90, 30
HSL	55.9°, 81.6, 38.4	`hsl(55.9,81.6%,38.4%)`
HSV (or HSB)	55.9°, 89.9, 69.8
Web Safe	999900	`#999900`

CIE-LAB	67.387, -10.551, 67.488
XYZ	32.288, 37.147, 6.042
xyY	0.428, 0.492, 37.147
CIE-LCH	67.387, 68.308, 98.885
CIE-LUV	67.387, 12.892, 71.732
Hunter-Lab	60.948, -12.097, 36.787
Binary	10110010, 10100111, 00010010

#b2a712
```
#b2a712 rgb(178,167,18)
```
#121db2
```
#121db2 rgb(18,29,178)
```

Complementary Color

#b25712
```
#b25712 rgb(178,87,18)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#6db212
```
#6db212 rgb(109,178,18)
```

Analogous Color

#5712b2
```
#5712b2 rgb(87,18,178)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#126db2
```
#126db2 rgb(18,109,178)
```

Split Complementary Color

#a712b2
```
#a712b2 rgb(167,18,178)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#12b2a7
```
#12b2a7 rgb(18,178,167)
```

Triadic Color

#b2121d
```
#b2121d rgb(178,18,29)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#12b2a7
```
#12b2a7 rgb(18,178,167)
```
#121db2
```
#121db2 rgb(18,29,178)
```

Tetradic Color

#6d660b
```
#6d660b rgb(109,102,11)
```
#847c0d
```
#847c0d rgb(132,124,13)
```
#9b9110
```
#9b9110 rgb(155,145,16)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#c9bd14
```
#c9bd14 rgb(201,189,20)
```
#e0d217
```
#e0d217 rgb(224,210,23)
```
#e9dc27
```
#e9dc27 rgb(233,220,39)
```

Monochromatic Color

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

#b27f12
```
#b27f12 rgb(178,127,18)
```
#b28c12
```
#b28c12 rgb(178,140,18)
```
#b29a12
```
#b29a12 rgb(178,154,18)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#b0b212
```
#b0b212 rgb(176,178,18)
```
#a2b212
```
#a2b212 rgb(162,178,18)
```
#95b212
```
#95b212 rgb(149,178,18)
```

Similar Colors

Text with hexadecimal color #b2a712

This text has a font color of #b2a712.

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

#b2a712 background color

This paragraph has a background color of #b2a712.

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

#b2a712 border color

This element has a border color of #b2a712.

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

CSS codes

.text {color:#b2a712;}

.background {background-color:#b2a712;}

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

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

#121102
```
#121102 rgb(18,17,2)
```
#232104
```
#232104 rgb(35,33,4)
```
#353205
```
#353205 rgb(53,50,5)
```
#474307
```
#474307 rgb(71,67,7)
```
#595309
```
#595309 rgb(89,83,9)
```
#6b640b
```
#6b640b rgb(107,100,11)
```
#7d750d
```
#7d750d rgb(125,117,13)
```
#8e860e
```
#8e860e rgb(142,134,14)
```
#a09610
```
#a09610 rgb(160,150,16)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#c4b814
```
#c4b814 rgb(196,184,20)
```
#d6c816
```
#d6c816 rgb(214,200,22)
```
#e7d917
```
#e7d917 rgb(231,217,23)
```

Shade Color Variation

#e9dc29
```
#e9dc29 rgb(233,220,41)
```
#ebdf3b
```
#ebdf3b rgb(235,223,59)
```
#ede24d
```
#ede24d rgb(237,226,77)
```
#efe55f
```
#efe55f rgb(239,229,95)
```
#f1e870
```
#f1e870 rgb(241,232,112)
```
#f2eb82
```
#f2eb82 rgb(242,235,130)
```
#f4ee94
```
#f4ee94 rgb(244,238,148)
```
#f6f0a6
```
#f6f0a6 rgb(246,240,166)
```
#f8f3b8
```
#f8f3b8 rgb(248,243,184)
```
#faf6c9
```
#faf6c9 rgb(250,246,201)
```
#fbf9db
```
#fbf9db rgb(251,249,219)
```
#fdfced
```
#fdfced rgb(253,252,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#67665d
```
#67665d rgb(103,102,93)
```
#6e6c56
```
#6e6c56 rgb(110,108,86)
```
#76734e
```
#76734e rgb(118,115,78)
```
#7d7947
```
#7d7947 rgb(125,121,71)
```
#85803f
```
#85803f rgb(133,128,63)
```
#8c8638
```
#8c8638 rgb(140,134,56)
```
#948d30
```
#948d30 rgb(148,141,48)
```
#9b9329
```
#9b9329 rgb(155,147,41)
```
#a39a21
```
#a39a21 rgb(163,154,33)
```
#aaa01a
```
#aaa01a rgb(170,160,26)
```
#b2a712
```
#b2a712 rgb(178,167,18)
```
#baae0a
```
#baae0a rgb(186,174,10)
```
#c1b403
```
#c1b403 rgb(193,180,3)
```

Tone Color Variation

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

Dichromacy

#bda91d Protanopia 1% of men
#d2a027 Deuteranopia 1% of men
#c0a0ab Tritanopia 0.001% of the population

Trichromacy

#b9a819 Protanomaly 1% of men, 0.01% of women
#c6a31f Deuteranomaly 6% of men, 0.4% of women
#bba273 Tritanomaly 0.01% of the population

#b2a712 hex color

#b2a712 Color Information

#b2a712 Color Conversion

Color Schemes with #b2a712

Alternatives to #b2a712

#b2a712 Preview

Shades and Tints of #b2a712

Tones of #b2a712

Color Blindness Simulator