#b2a342 hex color

In a RGB color space, hex #b2a342 is composed of 69.8% red, 63.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 62.9% yellow and 30.2% black. It has a hue angle of 52 degrees, a saturation of 45.9% and a lightness of 47.8%. #b2a342 color hex could be obtained by blending #ffff84 with #654700. Closest websafe color is: #999933.

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

● #b2a342 color description : Dark moderate yellow.

The hexadecimal color #b2a342 has RGB values of R:178, G:163, B:66 and CMYK values of C:0, M:0.08, Y:0.63, K:0.3. Its decimal value is 11707202.

Hex triplet	b2a342	`#b2a342`
RGB Decimal	178, 163, 66	`rgb(178,163,66)`
RGB Percent	69.8, 63.9, 25.9	`rgb(69.8%,63.9%,25.9%)`
CMYK	0, 8, 63, 30
HSL	52°, 45.9, 47.8	`hsl(52,45.9%,47.8%)`
HSV (or HSB)	52°, 62.9, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.561, -6.441, 50.911
XYZ	32.441, 36.054, 10.404
xyY	0.411, 0.457, 36.054
CIE-LCH	66.561, 51.317, 97.21
CIE-LUV	66.561, 14.569, 59.255
Hunter-Lab	60.045, -8.639, 31.758
Binary	10110010, 10100011, 01000010

#b2a342
```
#b2a342 rgb(178,163,66)
```
#4251b2
```
#4251b2 rgb(66,81,178)
```

Complementary Color

#b26b42
```
#b26b42 rgb(178,107,66)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```
#89b242
```
#89b242 rgb(137,178,66)
```

Analogous Color

#6b42b2
```
#6b42b2 rgb(107,66,178)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```
#4289b2
```
#4289b2 rgb(66,137,178)
```

Split Complementary Color

#a342b2
```
#a342b2 rgb(163,66,178)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```
#42b2a3
```
#42b2a3 rgb(66,178,163)
```

Triadic Color

#b24251
```
#b24251 rgb(178,66,81)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```
#42b2a3
```
#42b2a3 rgb(66,178,163)
```
#4251b2
```
#4251b2 rgb(66,81,178)
```

Tetradic Color

#7a702d
```
#7a702d rgb(122,112,45)
```
#8d8134
```
#8d8134 rgb(141,129,52)
```
#9f923b
```
#9f923b rgb(159,146,59)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```
#beaf50
```
#beaf50 rgb(190,175,80)
```
#c5b862
```
#c5b862 rgb(197,184,98)
```
#ccc075
```
#ccc075 rgb(204,192,117)
```

Monochromatic Color

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

#b28742
```
#b28742 rgb(178,135,66)
```
#b29042
```
#b29042 rgb(178,144,66)
```
#b29a42
```
#b29a42 rgb(178,154,66)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```
#b2ac42
```
#b2ac42 rgb(178,172,66)
```
#aeb242
```
#aeb242 rgb(174,178,66)
```
#a5b242
```
#a5b242 rgb(165,178,66)
```

Similar Colors

Text with hexadecimal color #b2a342

This text has a font color of #b2a342.

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

#b2a342 background color

This paragraph has a background color of #b2a342.

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

#b2a342 border color

This element has a border color of #b2a342.

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

CSS codes

.text {color:#b2a342;}

.background {background-color:#b2a342;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#151308
```
#151308 rgb(21,19,8)
```
#23200d
```
#23200d rgb(35,32,13)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#403a18
```
#403a18 rgb(64,58,24)
```
#4e471d
```
#4e471d rgb(78,71,29)
```
#5c5422
```
#5c5422 rgb(92,84,34)
```
#6a6127
```
#6a6127 rgb(106,97,39)
```
#796f2d
```
#796f2d rgb(121,111,45)
```
#877c32
```
#877c32 rgb(135,124,50)
```
#958937
```
#958937 rgb(149,137,55)
```
#a4963d
```
#a4963d rgb(164,150,61)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```

Shade Color Variation

#bcad4b
```
#bcad4b rgb(188,173,75)
```
#c2b45a
```
#c2b45a rgb(194,180,90)
```
#c7ba68
```
#c7ba68 rgb(199,186,104)
```
#ccc176
```
#ccc176 rgb(204,193,118)
```
#d2c784
```
#d2c784 rgb(210,199,132)
```
#d7ce93
```
#d7ce93 rgb(215,206,147)
```
#dcd4a1
```
#dcd4a1 rgb(220,212,161)
```
#e1dbaf
```
#e1dbaf rgb(225,219,175)
```
#e7e1be
```
#e7e1be rgb(231,225,190)
```
#ece8cc
```
#ece8cc rgb(236,232,204)
```
#f1eeda
```
#f1eeda rgb(241,238,218)
```
#f7f5e9
```
#f7f5e9 rgb(247,245,233)
```
#fcfbf7
```
#fcfbf7 rgb(252,251,247)
```

Tint Color Variation

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

#838171
```
#838171 rgb(131,129,113)
```
#8c8868
```
#8c8868 rgb(140,136,104)
```
#968e5e
```
#968e5e rgb(150,142,94)
```
#9f9555
```
#9f9555 rgb(159,149,85)
```
#a99c4b
```
#a99c4b rgb(169,156,75)
```
#b2a342
```
#b2a342 rgb(178,163,66)
```
#bbaa39
```
#bbaa39 rgb(187,170,57)
```
#c5b12f
```
#c5b12f rgb(197,177,47)
```
#ceb826
```
#ceb826 rgb(206,184,38)
```
#d8be1c
```
#d8be1c rgb(216,190,28)
```
#e1c513
```
#e1c513 rgb(225,197,19)
```
#eacc0a
```
#eacc0a rgb(234,204,10)
```
#f4d300
```
#f4d300 rgb(244,211,0)
```

Tone Color Variation

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

Dichromacy

#b8a64b Protanopia 1% of men
#cc9f4f Deuteranopia 1% of men
#bf9ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a548 Protanomaly 1% of men, 0.01% of women
#c2a04a Deuteranomaly 6% of men, 0.4% of women
#ba9f83 Tritanomaly 0.01% of the population

#b2a342 hex color

#b2a342 Color Information

#b2a342 Color Conversion

Color Schemes with #b2a342

Alternatives to #b2a342

#b2a342 Preview

Shades and Tints of #b2a342

Tones of #b2a342

Color Blindness Simulator