#b2a347 hex color

In a RGB color space, hex #b2a347 is composed of 69.8% red, 63.9% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 60.1% yellow and 30.2% black. It has a hue angle of 51.6 degrees, a saturation of 43% and a lightness of 48.8%. #b2a347 color hex could be obtained by blending #ffff8e with #654700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 64
- B 28
RGB color chart
- C 0
- M 8
- Y 60
- K 30
CMYK color chart

● #b2a347 color description : Dark moderate yellow.

The hexadecimal color #b2a347 has RGB values of R:178, G:163, B:71 and CMYK values of C:0, M:0.08, Y:0.6, K:0.3. Its decimal value is 11707207.

Hex triplet	b2a347	`#b2a347`
RGB Decimal	178, 163, 71	`rgb(178,163,71)`
RGB Percent	69.8, 63.9, 27.8	`rgb(69.8%,63.9%,27.8%)`
CMYK	0, 8, 60, 30
HSL	51.6°, 43, 48.8	`hsl(51.6,43%,48.8%)`
HSV (or HSB)	51.6°, 60.1, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.608, -6.091, 48.676
XYZ	32.595, 36.115, 11.215
xyY	0.408, 0.452, 36.115
CIE-LCH	66.608, 49.056, 97.133
CIE-LUV	66.608, 14.383, 57.403
Hunter-Lab	60.096, -8.353, 31.003
Binary	10110010, 10100011, 01000111

#b2a347
```
#b2a347 rgb(178,163,71)
```
#4756b2
```
#4756b2 rgb(71,86,178)
```

Complementary Color

#b26e47
```
#b26e47 rgb(178,110,71)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```
#8cb247
```
#8cb247 rgb(140,178,71)
```

Analogous Color

#6e47b2
```
#6e47b2 rgb(110,71,178)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```
#478cb2
```
#478cb2 rgb(71,140,178)
```

Split Complementary Color

#a347b2
```
#a347b2 rgb(163,71,178)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```
#47b2a3
```
#47b2a3 rgb(71,178,163)
```

Triadic Color

#b24756
```
#b24756 rgb(178,71,86)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```
#47b2a3
```
#47b2a3 rgb(71,178,163)
```
#4756b2
```
#4756b2 rgb(71,86,178)
```

Tetradic Color

#7b7131
```
#7b7131 rgb(123,113,49)
```
#8e8238
```
#8e8238 rgb(142,130,56)
```
#a09240
```
#a09240 rgb(160,146,64)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```
#bcae57
```
#bcae57 rgb(188,174,87)
```
#c3b669
```
#c3b669 rgb(195,182,105)
```
#cabf7b
```
#cabf7b rgb(202,191,123)
```

Monochromatic Color

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

#b28847
```
#b28847 rgb(178,136,71)
```
#b29147
```
#b29147 rgb(178,145,71)
```
#b29a47
```
#b29a47 rgb(178,154,71)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```
#b2ac47
```
#b2ac47 rgb(178,172,71)
```
#afb247
```
#afb247 rgb(175,178,71)
```
#a6b247
```
#a6b247 rgb(166,178,71)
```

Similar Colors

Text with hexadecimal color #b2a347

This text has a font color of #b2a347.

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

#b2a347 background color

This paragraph has a background color of #b2a347.

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

#b2a347 border color

This element has a border color of #b2a347.

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

CSS codes

.text {color:#b2a347;}

.background {background-color:#b2a347;}

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

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

#0a0904
```
#0a0904 rgb(10,9,4)
```
#181609
```
#181609 rgb(24,22,9)
```
#26230f
```
#26230f rgb(38,35,15)
```
#342f15
```
#342f15 rgb(52,47,21)
```
#423c1a
```
#423c1a rgb(66,60,26)
```
#504920
```
#504920 rgb(80,73,32)
```
#5e5625
```
#5e5625 rgb(94,86,37)
```
#6c632b
```
#6c632b rgb(108,99,43)
```
#7a7031
```
#7a7031 rgb(122,112,49)
```
#887c36
```
#887c36 rgb(136,124,54)
```
#96893c
```
#96893c rgb(150,137,60)
```
#a49641
```
#a49641 rgb(164,150,65)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```

Shade Color Variation

#baac52
```
#baac52 rgb(186,172,82)
```
#c0b260
```
#c0b260 rgb(192,178,96)
```
#c5b96e
```
#c5b96e rgb(197,185,110)
```
#cbc07d
```
#cbc07d rgb(203,192,125)
```
#d1c78b
```
#d1c78b rgb(209,199,139)
```
#d6ce99
```
#d6ce99 rgb(214,206,153)
```
#dcd4a7
```
#dcd4a7 rgb(220,212,167)
```
#e1dbb5
```
#e1dbb5 rgb(225,219,181)
```
#e7e2c3
```
#e7e2c3 rgb(231,226,195)
```
#ede9d1
```
#ede9d1 rgb(237,233,209)
```
#f2efdf
```
#f2efdf rgb(242,239,223)
```
#f8f6ed
```
#f8f6ed rgb(248,246,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#828177
```
#828177 rgb(130,129,119)
```
#8c876d
```
#8c876d rgb(140,135,109)
```
#958e64
```
#958e64 rgb(149,142,100)
```
#9f955a
```
#9f955a rgb(159,149,90)
```
#a89c51
```
#a89c51 rgb(168,156,81)
```
#b2a347
```
#b2a347 rgb(178,163,71)
```
#bcaa3d
```
#bcaa3d rgb(188,170,61)
```
#c5b134
```
#c5b134 rgb(197,177,52)
```
#cfb82a
```
#cfb82a rgb(207,184,42)
```
#d8bf21
```
#d8bf21 rgb(216,191,33)
```
#e2c517
```
#e2c517 rgb(226,197,23)
```
#ebcc0e
```
#ebcc0e rgb(235,204,14)
```
#f5d304
```
#f5d304 rgb(245,211,4)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a19e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a750 Protanopia 1% of men
#cc9f53 Deuteranopia 1% of men
#bf9ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a54c Protanomaly 1% of men, 0.01% of women
#c2a04f Deuteranomaly 6% of men, 0.4% of women
#baa085 Tritanomaly 0.01% of the population

#b2a347 hex color

#b2a347 Color Information

#b2a347 Color Conversion

Color Schemes with #b2a347

Alternatives to #b2a347

#b2a347 Preview

Shades and Tints of #b2a347

Tones of #b2a347

Color Blindness Simulator