colorhexa.com

#b4a242 hex color

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

- R 71
- G 64
- B 26
RGB color chart
- C 0
- M 10
- Y 63
- K 29
CMYK color chart

● #b4a242 color description : Moderate yellow.

The hexadecimal color #b4a242 has RGB values of R:180, G:162, B:66 and CMYK values of C:0, M:0.1, Y:0.63, K:0.29. Its decimal value is 11838018.

Hex triplet	b4a242	`#b4a242`
RGB Decimal	180, 162, 66	`rgb(180,162,66)`
RGB Percent	70.6, 63.5, 25.9	`rgb(70.6%,63.5%,25.9%)`
CMYK	0, 10, 63, 29
HSL	50.5°, 46.3, 48.2	`hsl(50.5,46.3%,48.2%)`
HSV (or HSB)	50.5°, 63.3, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.473, -5.039, 50.869
XYZ	32.726, 35.938, 10.367
xyY	0.414, 0.455, 35.938
CIE-LCH	66.473, 51.118, 95.657
CIE-LUV	66.473, 16.665, 58.886
Hunter-Lab	59.949, -7.466, 31.711
Binary	10110100, 10100010, 01000010

#b4a242
```
#b4a242 rgb(180,162,66)
```
#4254b4
```
#4254b4 rgb(66,84,180)
```

Complementary Color

#b46942
```
#b46942 rgb(180,105,66)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```
#8db442
```
#8db442 rgb(141,180,66)
```

Analogous Color

#6942b4
```
#6942b4 rgb(105,66,180)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```
#428db4
```
#428db4 rgb(66,141,180)
```

Split Complementary Color

#a242b4
```
#a242b4 rgb(162,66,180)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```
#42b4a2
```
#42b4a2 rgb(66,180,162)
```

Triadic Color

#b44254
```
#b44254 rgb(180,66,84)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```
#42b4a2
```
#42b4a2 rgb(66,180,162)
```
#4254b4
```
#4254b4 rgb(66,84,180)
```

Tetradic Color

#7c702d
```
#7c702d rgb(124,112,45)
```
#8f8034
```
#8f8034 rgb(143,128,52)
```
#a1913b
```
#a1913b rgb(161,145,59)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```
#bfae50
```
#bfae50 rgb(191,174,80)
```
#c6b663
```
#c6b663 rgb(198,182,99)
```
#cdbf76
```
#cdbf76 rgb(205,191,118)
```

Monochromatic Color

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

#b48642
```
#b48642 rgb(180,134,66)
```
#b48f42
```
#b48f42 rgb(180,143,66)
```
#b49942
```
#b49942 rgb(180,153,66)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```
#b4ac42
```
#b4ac42 rgb(180,172,66)
```
#b3b442
```
#b3b442 rgb(179,180,66)
```
#aab442
```
#aab442 rgb(170,180,66)
```

Similar Colors

Text with hexadecimal color #b4a242

This text has a font color of #b4a242.

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

#b4a242 background color

This paragraph has a background color of #b4a242.

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

#b4a242 border color

This element has a border color of #b4a242.

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

CSS codes

.text {color:#b4a242;}

.background {background-color:#b4a242;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#161408
```
#161408 rgb(22,20,8)
```
#24210d
```
#24210d rgb(36,33,13)
```
#332e13
```
#332e13 rgb(51,46,19)
```
#413b18
```
#413b18 rgb(65,59,24)
```
#50481d
```
#50481d rgb(80,72,29)
```
#5e5422
```
#5e5422 rgb(94,84,34)
```
#6c6128
```
#6c6128 rgb(108,97,40)
```
#7b6e2d
```
#7b6e2d rgb(123,110,45)
```
#897b32
```
#897b32 rgb(137,123,50)
```
#978837
```
#978837 rgb(151,136,55)
```
#a6953d
```
#a6953d rgb(166,149,61)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```

Shade Color Variation

#bdac4c
```
#bdac4c rgb(189,172,76)
```
#c3b25b
```
#c3b25b rgb(195,178,91)
```
#c8b969
```
#c8b969 rgb(200,185,105)
```
#cdc077
```
#cdc077 rgb(205,192,119)
```
#d2c686
```
#d2c686 rgb(210,198,134)
```
#d8cd94
```
#d8cd94 rgb(216,205,148)
```
#ddd4a2
```
#ddd4a2 rgb(221,212,162)
```
#e2dab1
```
#e2dab1 rgb(226,218,177)
```
#e8e1bf
```
#e8e1bf rgb(232,225,191)
```
#ede8cd
```
#ede8cd rgb(237,232,205)
```
#f2efdc
```
#f2efdc rgb(242,239,220)
```
#f7f5ea
```
#f7f5ea rgb(247,245,234)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,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 #edc909 is the most saturated one.

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#858271
```
#858271 rgb(133,130,113)
```
#8e8868
```
#8e8868 rgb(142,136,104)
```
#988f5e
```
#988f5e rgb(152,143,94)
```
#a19555
```
#a19555 rgb(161,149,85)
```
#ab9c4b
```
#ab9c4b rgb(171,156,75)
```
#b4a242
```
#b4a242 rgb(180,162,66)
```
#bda839
```
#bda839 rgb(189,168,57)
```
#c7af2f
```
#c7af2f rgb(199,175,47)
```
#d0b526
```
#d0b526 rgb(208,181,38)
```
#dabc1c
```
#dabc1c rgb(218,188,28)
```
#e3c213
```
#e3c213 rgb(227,194,19)
```
#edc909
```
#edc909 rgb(237,201,9)
```

Tone Color Variation

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

Dichromacy

#b8a64b Protanopia 1% of men
#cc9e4e Deuteranopia 1% of men
#c09da8 Tritanopia 0.001% of the population

Trichromacy

#b6a448 Protanomaly 1% of men, 0.01% of women
#c3a04a Deuteranomaly 6% of men, 0.4% of women
#bc9e83 Tritanomaly 0.01% of the population