#b4b342 hex color

In a RGB color space, hex #b4b342 is composed of 70.6% red, 70.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 63.3% yellow and 29.4% black. It has a hue angle of 59.5 degrees, a saturation of 46.3% and a lightness of 48.2%. #b4b342 color hex could be obtained by blending #ffff84 with #696700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 70
- B 26
RGB color chart
- C 0
- M 1
- Y 63
- K 29
CMYK color chart

● #b4b342 color description : Moderate yellow.

The hexadecimal color #b4b342 has RGB values of R:180, G:179, B:66 and CMYK values of C:0, M:0.01, Y:0.63, K:0.29. Its decimal value is 11842370.

Hex triplet	b4b342	`#b4b342`
RGB Decimal	180, 179, 66	`rgb(180,179,66)`
RGB Percent	70.6, 70.2, 25.9	`rgb(70.6%,70.2%,25.9%)`
CMYK	0, 1, 63, 29
HSL	59.5°, 46.3, 48.2	`hsl(59.5,46.3%,48.2%)`
HSV (or HSB)	59.5°, 63.3, 70.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	71.103, -13.929, 55.822
XYZ	35.926, 42.337, 11.433
xyY	0.401, 0.472, 42.337
CIE-LCH	71.103, 57.533, 104.011
CIE-LUV	71.103, 5.464, 66.479
Hunter-Lab	65.067, -15.312, 35.129
Binary	10110100, 10110011, 01000010

#b4b342
```
#b4b342 rgb(180,179,66)
```
#4243b4
```
#4243b4 rgb(66,67,180)
```

Complementary Color

#b47a42
```
#b47a42 rgb(180,122,66)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```
#7cb442
```
#7cb442 rgb(124,180,66)
```

Analogous Color

#7a42b4
```
#7a42b4 rgb(122,66,180)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```
#427cb4
```
#427cb4 rgb(66,124,180)
```

Split Complementary Color

#b342b4
```
#b342b4 rgb(179,66,180)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```
#42b4b3
```
#42b4b3 rgb(66,180,179)
```

Triadic Color

#b44243
```
#b44243 rgb(180,66,67)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```
#42b4b3
```
#42b4b3 rgb(66,180,179)
```
#4243b4
```
#4243b4 rgb(66,67,180)
```

Tetradic Color

#7c7b2d
```
#7c7b2d rgb(124,123,45)
```
#8f8e34
```
#8f8e34 rgb(143,142,52)
```
#a1a03b
```
#a1a03b rgb(161,160,59)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```
#bfbe50
```
#bfbe50 rgb(191,190,80)
```
#c6c563
```
#c6c563 rgb(198,197,99)
```
#cdcc76
```
#cdcc76 rgb(205,204,118)
```

Monochromatic Color

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

#b49742
```
#b49742 rgb(180,151,66)
```
#b4a042
```
#b4a042 rgb(180,160,66)
```
#b4aa42
```
#b4aa42 rgb(180,170,66)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```
#acb442
```
#acb442 rgb(172,180,66)
```
#a2b442
```
#a2b442 rgb(162,180,66)
```
#99b442
```
#99b442 rgb(153,180,66)
```

Similar Colors

Text with hexadecimal color #b4b342

This text has a font color of #b4b342.

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

#b4b342 background color

This paragraph has a background color of #b4b342.

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

#b4b342 border color

This element has a border color of #b4b342.

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

CSS codes

.text {color:#b4b342;}

.background {background-color:#b4b342;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#161608
```
#161608 rgb(22,22,8)
```
#24240d
```
#24240d rgb(36,36,13)
```
#333313
```
#333313 rgb(51,51,19)
```
#414118
```
#414118 rgb(65,65,24)
```
#504f1d
```
#504f1d rgb(80,79,29)
```
#5e5d22
```
#5e5d22 rgb(94,93,34)
```
#6c6c28
```
#6c6c28 rgb(108,108,40)
```
#7b7a2d
```
#7b7a2d rgb(123,122,45)
```
#898832
```
#898832 rgb(137,136,50)
```
#979637
```
#979637 rgb(151,150,55)
```
#a6a53d
```
#a6a53d rgb(166,165,61)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```

Shade Color Variation

#bdbc4c
```
#bdbc4c rgb(189,188,76)
```
#c3c25b
```
#c3c25b rgb(195,194,91)
```
#c8c769
```
#c8c769 rgb(200,199,105)
```
#cdcc77
```
#cdcc77 rgb(205,204,119)
```
#d2d286
```
#d2d286 rgb(210,210,134)
```
#d8d794
```
#d8d794 rgb(216,215,148)
```
#dddca2
```
#dddca2 rgb(221,220,162)
```
#e2e2b1
```
#e2e2b1 rgb(226,226,177)
```
#e8e7bf
```
#e8e7bf rgb(232,231,191)
```
#ededcd
```
#ededcd rgb(237,237,205)
```
#f2f2dc
```
#f2f2dc rgb(242,242,220)
```
#f7f7ea
```
#f7f7ea rgb(247,247,234)
```
#fdfdf8
```
#fdfdf8 rgb(253,253,248)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#858571
```
#858571 rgb(133,133,113)
```
#8e8e68
```
#8e8e68 rgb(142,142,104)
```
#98975e
```
#98975e rgb(152,151,94)
```
#a1a055
```
#a1a055 rgb(161,160,85)
```
#abaa4b
```
#abaa4b rgb(171,170,75)
```
#b4b342
```
#b4b342 rgb(180,179,66)
```
#bdbc39
```
#bdbc39 rgb(189,188,57)
```
#c7c62f
```
#c7c62f rgb(199,198,47)
```
#d0cf26
```
#d0cf26 rgb(208,207,38)
```
#dad81c
```
#dad81c rgb(218,216,28)
```
#e3e113
```
#e3e113 rgb(227,225,19)
```
#edeb09
```
#edeb09 rgb(237,235,9)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a9a992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b24a Protanopia 1% of men
#dbaa50 Deuteranopia 1% of men
#c3acb8 Tritanopia 0.001% of the population

Trichromacy

#bfb247 Protanomaly 1% of men, 0.01% of women
#ccad4b Deuteranomaly 6% of men, 0.4% of women
#bdae8d Tritanomaly 0.01% of the population

#b4b342 hex color

#b4b342 Color Information

#b4b342 Color Conversion

Color Schemes with #b4b342

Alternatives to #b4b342

#b4b342 Preview

Shades and Tints of #b4b342

Tones of #b4b342

Color Blindness Simulator