colorhexa.com

#b4a21e hex color

In a RGB color space, hex #b4a21e is composed of 70.6% red, 63.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 83.3% yellow and 29.4% black. It has a hue angle of 52.8 degrees, a saturation of 71.4% and a lightness of 41.2%. #b4a21e color hex could be obtained by blending #ffff3c with #694500. Closest websafe color is: #cc9933.

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

● #b4a21e color description : Strong yellow.

The hexadecimal color #b4a21e has RGB values of R:180, G:162, B:30 and CMYK values of C:0, M:0.1, Y:0.83, K:0.29. Its decimal value is 11837982.

Hex triplet	b4a21e	`#b4a21e`
RGB Decimal	180, 162, 30	`rgb(180,162,30)`
RGB Percent	70.6, 63.5, 11.8	`rgb(70.6%,63.5%,11.8%)`
CMYK	0, 10, 83, 29
HSL	52.8°, 71.4, 41.2	`hsl(52.8,71.4%,41.2%)`
HSV (or HSB)	52.8°, 83.3, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.243, -6.742, 63.943
XYZ	31.977, 35.639, 6.423
xyY	0.432, 0.481, 35.639
CIE-LCH	66.243, 64.298, 96.019
CIE-LUV	66.243, 17.654, 68.185
Hunter-Lab	59.698, -8.858, 35.41
Binary	10110100, 10100010, 00011110

#b4a21e
```
#b4a21e rgb(180,162,30)
```
#1e30b4
```
#1e30b4 rgb(30,48,180)
```

Complementary Color

#b4571e
```
#b4571e rgb(180,87,30)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#7bb41e
```
#7bb41e rgb(123,180,30)
```

Analogous Color

#571eb4
```
#571eb4 rgb(87,30,180)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#1e7bb4
```
#1e7bb4 rgb(30,123,180)
```

Split Complementary Color

#a21eb4
```
#a21eb4 rgb(162,30,180)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#1eb4a2
```
#1eb4a2 rgb(30,180,162)
```

Triadic Color

#b41e30
```
#b41e30 rgb(180,30,48)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#1eb4a2
```
#1eb4a2 rgb(30,180,162)
```
#1e30b4
```
#1e30b4 rgb(30,48,180)
```

Tetradic Color

#726713
```
#726713 rgb(114,103,19)
```
#887b17
```
#887b17 rgb(136,123,23)
```
#9e8e1a
```
#9e8e1a rgb(158,142,26)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#cab622
```
#cab622 rgb(202,182,34)
```
#dbc62a
```
#dbc62a rgb(219,198,42)
```
#dfcc3f
```
#dfcc3f rgb(223,204,63)
```

Monochromatic Color

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

#b47d1e
```
#b47d1e rgb(180,125,30)
```
#b4891e
```
#b4891e rgb(180,137,30)
```
#b4961e
```
#b4961e rgb(180,150,30)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#b4af1e
```
#b4af1e rgb(180,175,30)
```
#adb41e
```
#adb41e rgb(173,180,30)
```
#a1b41e
```
#a1b41e rgb(161,180,30)
```

Similar Colors

Text with hexadecimal color #b4a21e

This text has a font color of #b4a21e.

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

#b4a21e background color

This paragraph has a background color of #b4a21e.

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

#b4a21e border color

This element has a border color of #b4a21e.

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

CSS codes

.text {color:#b4a21e;}

.background {background-color:#b4a21e;}

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

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

#0c0b02
```
#0c0b02 rgb(12,11,2)
```
#1d1a05
```
#1d1a05 rgb(29,26,5)
```
#2d2908
```
#2d2908 rgb(45,41,8)
```
#3e380a
```
#3e380a rgb(62,56,10)
```
#4f470d
```
#4f470d rgb(79,71,13)
```
#605610
```
#605610 rgb(96,86,16)
```
#716513
```
#716513 rgb(113,101,19)
```
#827516
```
#827516 rgb(130,117,22)
```
#928418
```
#928418 rgb(146,132,24)
```
#a3931b
```
#a3931b rgb(163,147,27)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#c5b121
```
#c5b121 rgb(197,177,33)
```
#d6c024
```
#d6c024 rgb(214,192,36)
```

Shade Color Variation

#ddc830
```
#ddc830 rgb(221,200,48)
```
#dfcc41
```
#dfcc41 rgb(223,204,65)
```
#e2d152
```
#e2d152 rgb(226,209,82)
```
#e5d563
```
#e5d563 rgb(229,213,99)
```
#e8da74
```
#e8da74 rgb(232,218,116)
```
#ebde84
```
#ebde84 rgb(235,222,132)
```
#ede395
```
#ede395 rgb(237,227,149)
```
#f0e7a6
```
#f0e7a6 rgb(240,231,166)
```
#f3ecb7
```
#f3ecb7 rgb(243,236,183)
```
#f6f0c8
```
#f6f0c8 rgb(246,240,200)
```
#f9f5d8
```
#f9f5d8 rgb(249,245,216)
```
#fbf9e9
```
#fbf9e9 rgb(251,249,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#6b6b67
```
#6b6b67 rgb(107,107,103)
```
#73715f
```
#73715f rgb(115,113,95)
```
#7b7757
```
#7b7757 rgb(123,119,87)
```
#847d4e
```
#847d4e rgb(132,125,78)
```
#8c8346
```
#8c8346 rgb(140,131,70)
```
#94893e
```
#94893e rgb(148,137,62)
```
#9c9036
```
#9c9036 rgb(156,144,54)
```
#a4962e
```
#a4962e rgb(164,150,46)
```
#ac9c26
```
#ac9c26 rgb(172,156,38)
```
#b4a21e
```
#b4a21e rgb(180,162,30)
```
#bca816
```
#bca816 rgb(188,168,22)
```
#c4ae0e
```
#c4ae0e rgb(196,174,14)
```
#ccb406
```
#ccb406 rgb(204,180,6)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9e9a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a629 Protanopia 1% of men
#ce9e2f Deuteranopia 1% of men
#c19ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a425 Protanomaly 1% of men, 0.01% of women
#c49f28 Deuteranomaly 6% of men, 0.4% of women
#bc9e75 Tritanomaly 0.01% of the population