#b4b242 hex color

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

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

● #b4b242 color description : Moderate yellow.

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

Hex triplet	b4b242	`#b4b242`
RGB Decimal	180, 178, 66	`rgb(180,178,66)`
RGB Percent	70.6, 69.8, 25.9	`rgb(70.6%,69.8%,25.9%)`
CMYK	0, 1, 63, 29
HSL	58.9°, 46.3, 48.2	`hsl(58.9,46.3%,48.2%)`
HSV (or HSB)	58.9°, 63.3, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.828, -13.416, 55.531
XYZ	35.726, 41.938, 11.367
xyY	0.401, 0.471, 41.938
CIE-LCH	70.828, 57.129, 103.582
CIE-LUV	70.828, 6.106, 66.035
Hunter-Lab	64.76, -14.856, 34.925
Binary	10110100, 10110010, 01000010

#b4b242
```
#b4b242 rgb(180,178,66)
```
#4244b4
```
#4244b4 rgb(66,68,180)
```

Complementary Color

#b47942
```
#b47942 rgb(180,121,66)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```
#7db442
```
#7db442 rgb(125,180,66)
```

Analogous Color

#7942b4
```
#7942b4 rgb(121,66,180)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```
#427db4
```
#427db4 rgb(66,125,180)
```

Split Complementary Color

#b242b4
```
#b242b4 rgb(178,66,180)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```
#42b4b2
```
#42b4b2 rgb(66,180,178)
```

Triadic Color

#b44244
```
#b44244 rgb(180,66,68)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```
#42b4b2
```
#42b4b2 rgb(66,180,178)
```
#4244b4
```
#4244b4 rgb(66,68,180)
```

Tetradic Color

#7c7b2d
```
#7c7b2d rgb(124,123,45)
```
#8f8d34
```
#8f8d34 rgb(143,141,52)
```
#a1a03b
```
#a1a03b rgb(161,160,59)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```
#bfbd50
```
#bfbd50 rgb(191,189,80)
```
#c6c463
```
#c6c463 rgb(198,196,99)
```
#cdcb76
```
#cdcb76 rgb(205,203,118)
```

Monochromatic Color

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

#b49642
```
#b49642 rgb(180,150,66)
```
#b49f42
```
#b49f42 rgb(180,159,66)
```
#b4a942
```
#b4a942 rgb(180,169,66)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```
#adb442
```
#adb442 rgb(173,180,66)
```
#a3b442
```
#a3b442 rgb(163,180,66)
```
#9ab442
```
#9ab442 rgb(154,180,66)
```

Similar Colors

Text with hexadecimal color #b4b242

This text has a font color of #b4b242.

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

#b4b242 background color

This paragraph has a background color of #b4b242.

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

#b4b242 border color

This element has a border color of #b4b242.

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

CSS codes

.text {color:#b4b242;}

.background {background-color:#b4b242;}

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

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)
```
#333213
```
#333213 rgb(51,50,19)
```
#414018
```
#414018 rgb(65,64,24)
```
#504f1d
```
#504f1d rgb(80,79,29)
```
#5e5d22
```
#5e5d22 rgb(94,93,34)
```
#6c6b28
```
#6c6b28 rgb(108,107,40)
```
#7b792d
```
#7b792d rgb(123,121,45)
```
#898732
```
#898732 rgb(137,135,50)
```
#979637
```
#979637 rgb(151,150,55)
```
#a6a43d
```
#a6a43d rgb(166,164,61)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```

Shade Color Variation

#bdbb4c
```
#bdbb4c rgb(189,187,76)
```
#c3c15b
```
#c3c15b rgb(195,193,91)
```
#c8c669
```
#c8c669 rgb(200,198,105)
```
#cdcc77
```
#cdcc77 rgb(205,204,119)
```
#d2d186
```
#d2d186 rgb(210,209,134)
```
#d8d794
```
#d8d794 rgb(216,215,148)
```
#dddca2
```
#dddca2 rgb(221,220,162)
```
#e2e1b1
```
#e2e1b1 rgb(226,225,177)
```
#e8e7bf
```
#e8e7bf rgb(232,231,191)
```
#edeccd
```
#edeccd rgb(237,236,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 #ede909 is the most saturated one.

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#858471
```
#858471 rgb(133,132,113)
```
#8e8d68
```
#8e8d68 rgb(142,141,104)
```
#98975e
```
#98975e rgb(152,151,94)
```
#a1a055
```
#a1a055 rgb(161,160,85)
```
#aba94b
```
#aba94b rgb(171,169,75)
```
#b4b242
```
#b4b242 rgb(180,178,66)
```
#bdbb39
```
#bdbb39 rgb(189,187,57)
```
#c7c42f
```
#c7c42f rgb(199,196,47)
```
#d0cd26
```
#d0cd26 rgb(208,205,38)
```
#dad71c
```
#dad71c rgb(218,215,28)
```
#e3e013
```
#e3e013 rgb(227,224,19)
```
#ede909
```
#ede909 rgb(237,233,9)
```

Tone Color Variation

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

Dichromacy

#c5b14a Protanopia 1% of men
#daa950 Deuteranopia 1% of men
#c3abb7 Tritanopia 0.001% of the population

Trichromacy

#beb147 Protanomaly 1% of men, 0.01% of women
#ccac4b Deuteranomaly 6% of men, 0.4% of women
#bdad8c Tritanomaly 0.01% of the population

#b4b242 hex color

#b4b242 Color Information

#b4b242 Color Conversion

Color Schemes with #b4b242

Alternatives to #b4b242

#b4b242 Preview

Shades and Tints of #b4b242

Tones of #b4b242

Color Blindness Simulator