#b3a522 hex color

In a RGB color space, hex #b3a522 is composed of 70.2% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 81% yellow and 29.8% black. It has a hue angle of 54.2 degrees, a saturation of 68.1% and a lightness of 41.8%. #b3a522 color hex could be obtained by blending #ffff44 with #674b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 70
- G 65
- B 13
RGB color chart
- C 0
- M 8
- Y 81
- K 30
CMYK color chart

● #b3a522 color description : Strong yellow.

The hexadecimal color #b3a522 has RGB values of R:179, G:165, B:34 and CMYK values of C:0, M:0.08, Y:0.81, K:0.3. Its decimal value is 11773218.

Hex triplet	b3a522	`#b3a522`
RGB Decimal	179, 165, 34	`rgb(179,165,34)`
RGB Percent	70.2, 64.7, 13.3	`rgb(70.2%,64.7%,13.3%)`
CMYK	0, 8, 81, 30
HSL	54.2°, 68.1, 41.8	`hsl(54.2,68.1%,41.8%)`
HSV (or HSB)	54.2°, 81, 70.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.984, -8.645, 63.429
XYZ	32.335, 36.61, 6.877
xyY	0.426, 0.483, 36.61
CIE-LCH	66.984, 64.015, 97.761
CIE-LUV	66.984, 14.772, 68.693
Hunter-Lab	60.507, -10.497, 35.616
Binary	10110011, 10100101, 00100010

#b3a522
```
#b3a522 rgb(179,165,34)
```
#2230b3
```
#2230b3 rgb(34,48,179)
```

Complementary Color

#b35d22
```
#b35d22 rgb(179,93,34)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#79b322
```
#79b322 rgb(121,179,34)
```

Analogous Color

#5c22b3
```
#5c22b3 rgb(92,34,179)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#2279b3
```
#2279b3 rgb(34,121,179)
```

Split Complementary Color

#a522b3
```
#a522b3 rgb(165,34,179)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#22b3a5
```
#22b3a5 rgb(34,179,165)
```

Triadic Color

#b32230
```
#b32230 rgb(179,34,48)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#22b3a5
```
#22b3a5 rgb(34,179,165)
```
#2230b3
```
#2230b3 rgb(34,48,179)
```

Tetradic Color

#736a16
```
#736a16 rgb(115,106,22)
```
#887d1a
```
#887d1a rgb(136,125,26)
```
#9e911e
```
#9e911e rgb(158,145,30)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#c8b926
```
#c8b926 rgb(200,185,38)
```
#d8c830
```
#d8c830 rgb(216,200,48)
```
#dccd46
```
#dccd46 rgb(220,205,70)
```

Monochromatic Color

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

#b38122
```
#b38122 rgb(179,129,34)
```
#b38d22
```
#b38d22 rgb(179,141,34)
```
#b39922
```
#b39922 rgb(179,153,34)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#b3b122
```
#b3b122 rgb(179,177,34)
```
#a9b322
```
#a9b322 rgb(169,179,34)
```
#9db322
```
#9db322 rgb(157,179,34)
```

Similar Colors

Text with hexadecimal color #b3a522

This text has a font color of #b3a522.

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

#b3a522 background color

This paragraph has a background color of #b3a522.

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

#b3a522 border color

This element has a border color of #b3a522.

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

CSS codes

.text {color:#b3a522;}

.background {background-color:#b3a522;}

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

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

#0e0d03
```
#0e0d03 rgb(14,13,3)
```
#1f1c06
```
#1f1c06 rgb(31,28,6)
```
#2f2b09
```
#2f2b09 rgb(47,43,9)
```
#403b0c
```
#403b0c rgb(64,59,12)
```
#504a0f
```
#504a0f rgb(80,74,15)
```
#615912
```
#615912 rgb(97,89,18)
```
#716815
```
#716815 rgb(113,104,21)
```
#827719
```
#827719 rgb(130,119,25)
```
#92871c
```
#92871c rgb(146,135,28)
```
#a3961f
```
#a3961f rgb(163,150,31)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#c3b425
```
#c3b425 rgb(195,180,37)
```
#d4c328
```
#d4c328 rgb(212,195,40)
```

Shade Color Variation

#d9c937
```
#d9c937 rgb(217,201,55)
```
#dcce47
```
#dcce47 rgb(220,206,71)
```
#dfd258
```
#dfd258 rgb(223,210,88)
```
#e2d768
```
#e2d768 rgb(226,215,104)
```
#e6db79
```
#e6db79 rgb(230,219,121)
```
#e9df89
```
#e9df89 rgb(233,223,137)
```
#ece49a
```
#ece49a rgb(236,228,154)
```
#efe8aa
```
#efe8aa rgb(239,232,170)
```
#f2edbb
```
#f2edbb rgb(242,237,187)
```
#f5f1cb
```
#f5f1cb rgb(245,241,203)
```
#f8f6dc
```
#f8f6dc rgb(248,246,220)
```
#fbfaec
```
#fbfaec rgb(251,250,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#717064
```
#717064 rgb(113,112,100)
```
#7a775b
```
#7a775b rgb(122,119,91)
```
#827d53
```
#827d53 rgb(130,125,83)
```
#8a844b
```
#8a844b rgb(138,132,75)
```
#928b43
```
#928b43 rgb(146,139,67)
```
#9a913b
```
#9a913b rgb(154,145,59)
```
#a39832
```
#a39832 rgb(163,152,50)
```
#ab9e2a
```
#ab9e2a rgb(171,158,42)
```
#b3a522
```
#b3a522 rgb(179,165,34)
```
#bbac1a
```
#bbac1a rgb(187,172,26)
```
#c3b212
```
#c3b212 rgb(195,178,18)
```
#ccb909
```
#ccb909 rgb(204,185,9)
```
#d4bf01
```
#d4bf01 rgb(212,191,1)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9f9c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba82d Protanopia 1% of men
#d09f33 Deuteranopia 1% of men
#c19ea9 Tritanopia 0.001% of the population

Trichromacy

#b8a629 Protanomaly 1% of men, 0.01% of women
#c5a12c Deuteranomaly 6% of men, 0.4% of women
#bca178 Tritanomaly 0.01% of the population

#b3a522 hex color

#b3a522 Color Information

#b3a522 Color Conversion

Color Schemes with #b3a522

Alternatives to #b3a522

#b3a522 Preview

Shades and Tints of #b3a522

Tones of #b3a522

Color Blindness Simulator