#b3a22f hex color

In a RGB color space, hex #b3a22f is composed of 70.2% red, 63.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.5% magenta, 73.7% yellow and 29.8% black. It has a hue angle of 52.3 degrees, a saturation of 58.4% and a lightness of 44.3%. #b3a22f color hex could be obtained by blending #ffff5e with #674500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 70
- G 64
- B 18
RGB color chart
- C 0
- M 9
- Y 74
- K 30
CMYK color chart

● #b3a22f color description : Moderate yellow.

The hexadecimal color #b3a22f has RGB values of R:179, G:162, B:47 and CMYK values of C:0, M:0.09, Y:0.74, K:0.3. Its decimal value is 11772463.

Hex triplet	b3a22f	`#b3a22f`
RGB Decimal	179, 162, 47	`rgb(179,162,47)`
RGB Percent	70.2, 63.5, 18.4	`rgb(70.2%,63.5%,18.4%)`
CMYK	0, 9, 74, 30
HSL	52.3°, 58.4, 44.3	`hsl(52.3,58.4%,44.3%)`
HSV (or HSB)	52.3°, 73.7, 70.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.237, -6.546, 58.442
XYZ	32.024, 35.631, 7.88
xyY	0.424, 0.472, 35.631
CIE-LCH	66.237, 58.808, 96.391
CIE-LUV	66.237, 16.556, 64.64
Hunter-Lab	59.691, -8.696, 33.957
Binary	10110011, 10100010, 00101111

#b3a22f
```
#b3a22f rgb(179,162,47)
```
#2f40b3
```
#2f40b3 rgb(47,64,179)
```

Complementary Color

#b3602f
```
#b3602f rgb(179,96,47)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#82b32f
```
#82b32f rgb(130,179,47)
```

Analogous Color

#602fb3
```
#602fb3 rgb(96,47,179)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#2f82b3
```
#2f82b3 rgb(47,130,179)
```

Split Complementary Color

#a22fb3
```
#a22fb3 rgb(162,47,179)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#2fb3a2
```
#2fb3a2 rgb(47,179,162)
```

Triadic Color

#b32f40
```
#b32f40 rgb(179,47,64)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#2fb3a2
```
#2fb3a2 rgb(47,179,162)
```
#2f40b3
```
#2f40b3 rgb(47,64,179)
```

Tetradic Color

#766b1f
```
#766b1f rgb(118,107,31)
```
#8b7d24
```
#8b7d24 rgb(139,125,36)
```
#9f902a
```
#9f902a rgb(159,144,42)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#c7b434
```
#c7b434 rgb(199,180,52)
```
#cfbd46
```
#cfbd46 rgb(207,189,70)
```
#d4c45b
```
#d4c45b rgb(212,196,91)
```

Monochromatic Color

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

#b3812f
```
#b3812f rgb(179,129,47)
```
#b38c2f
```
#b38c2f rgb(179,140,47)
```
#b3972f
```
#b3972f rgb(179,151,47)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#b3ad2f
```
#b3ad2f rgb(179,173,47)
```
#aeb32f
```
#aeb32f rgb(174,179,47)
```
#a3b32f
```
#a3b32f rgb(163,179,47)
```

Similar Colors

Text with hexadecimal color #b3a22f

This text has a font color of #b3a22f.

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

#b3a22f background color

This paragraph has a background color of #b3a22f.

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

#b3a22f border color

This element has a border color of #b3a22f.

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

CSS codes

.text {color:#b3a22f;}

.background {background-color:#b3a22f;}

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

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

#080702
```
#080702 rgb(8,7,2)
```
#181506
```
#181506 rgb(24,21,6)
```
#27230a
```
#27230a rgb(39,35,10)
```
#37320e
```
#37320e rgb(55,50,14)
```
#464012
```
#464012 rgb(70,64,18)
```
#564e17
```
#564e17 rgb(86,78,23)
```
#655c1b
```
#655c1b rgb(101,92,27)
```
#756a1f
```
#756a1f rgb(117,106,31)
```
#847823
```
#847823 rgb(132,120,35)
```
#948627
```
#948627 rgb(148,134,39)
```
#a3942b
```
#a3942b rgb(163,148,43)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#c3b033
```
#c3b033 rgb(195,176,51)
```

Shade Color Variation

#ccba3d
```
#ccba3d rgb(204,186,61)
```
#d0bf4d
```
#d0bf4d rgb(208,191,77)
```
#d4c55c
```
#d4c55c rgb(212,197,92)
```
#d8ca6c
```
#d8ca6c rgb(216,202,108)
```
#dcd07b
```
#dcd07b rgb(220,208,123)
```
#e0d58b
```
#e0d58b rgb(224,213,139)
```
#e5db9a
```
#e5db9a rgb(229,219,154)
```
#e9e1aa
```
#e9e1aa rgb(233,225,170)
```
#ede6b9
```
#ede6b9 rgb(237,230,185)
```
#f1ecc9
```
#f1ecc9 rgb(241,236,201)
```
#f5f1d8
```
#f5f1d8 rgb(245,241,216)
```
#f9f7e8
```
#f9f7e8 rgb(249,247,232)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#76756c
```
#76756c rgb(118,117,108)
```
#7f7b63
```
#7f7b63 rgb(127,123,99)
```
#88825a
```
#88825a rgb(136,130,90)
```
#908852
```
#908852 rgb(144,136,82)
```
#998f49
```
#998f49 rgb(153,143,73)
```
#a29540
```
#a29540 rgb(162,149,64)
```
#aa9c38
```
#aa9c38 rgb(170,156,56)
```
#b3a22f
```
#b3a22f rgb(179,162,47)
```
#bca826
```
#bca826 rgb(188,168,38)
```
#c4af1e
```
#c4af1e rgb(196,175,30)
```
#cdb515
```
#cdb515 rgb(205,181,21)
```
#d6bc0c
```
#d6bc0c rgb(214,188,12)
```
#dec204
```
#dec204 rgb(222,194,4)
```

Tone Color Variation

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

Dichromacy

#b8a639 Protanopia 1% of men
#cd9e3d Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

#b6a435 Protanomaly 1% of men, 0.01% of women
#c39f38 Deuteranomaly 6% of men, 0.4% of women
#bb9e7b Tritanomaly 0.01% of the population

#b3a22f hex color

#b3a22f Color Information

#b3a22f Color Conversion

Color Schemes with #b3a22f

Alternatives to #b3a22f

#b3a22f Preview

Shades and Tints of #b3a22f

Tones of #b3a22f

Color Blindness Simulator