#b4af3b hex color

In a RGB color space, hex #b4af3b is composed of 70.6% red, 68.6% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 67.2% yellow and 29.4% black. It has a hue angle of 57.5 degrees, a saturation of 50.6% and a lightness of 46.9%. #b4af3b color hex could be obtained by blending #ffff76 with #695f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 69
- B 23
RGB color chart
- C 0
- M 3
- Y 67
- K 29
CMYK color chart

● #b4af3b color description : Moderate yellow.

The hexadecimal color #b4af3b has RGB values of R:180, G:175, B:59 and CMYK values of C:0, M:0.03, Y:0.67, K:0.29. Its decimal value is 11841339.

Hex triplet	b4af3b	`#b4af3b`
RGB Decimal	180, 175, 59	`rgb(180,175,59)`
RGB Percent	70.6, 68.6, 23.1	`rgb(70.6%,68.6%,23.1%)`
CMYK	0, 3, 67, 29
HSL	57.5°, 50.6, 46.9	`hsl(57.5,50.6%,46.9%)`
HSV (or HSB)	57.5°, 67.2, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.951, -12.295, 57.511
XYZ	34.942, 40.68, 10.149
xyY	0.407, 0.474, 40.68
CIE-LCH	69.951, 58.81, 102.067
CIE-LUV	69.951, 8.224, 66.921
Hunter-Lab	63.781, -13.826, 35.212
Binary	10110100, 10101111, 00111011

#b4af3b
```
#b4af3b rgb(180,175,59)
```
#3b40b4
```
#3b40b4 rgb(59,64,180)
```

Complementary Color

#b4733b
```
#b4733b rgb(180,115,59)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```
#7db43b
```
#7db43b rgb(125,180,59)
```

Analogous Color

#733bb4
```
#733bb4 rgb(115,59,180)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```
#3b7db4
```
#3b7db4 rgb(59,125,180)
```

Split Complementary Color

#af3bb4
```
#af3bb4 rgb(175,59,180)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```
#3bb4af
```
#3bb4af rgb(59,180,175)
```

Triadic Color

#b43b40
```
#b43b40 rgb(180,59,64)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```
#3bb4af
```
#3bb4af rgb(59,180,175)
```
#3b40b4
```
#3b40b4 rgb(59,64,180)
```

Tetradic Color

#7a7728
```
#7a7728 rgb(122,119,40)
```
#8e8a2e
```
#8e8a2e rgb(142,138,46)
```
#a19c35
```
#a19c35 rgb(161,156,53)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```
#c2bd46
```
#c2bd46 rgb(194,189,70)
```
#c9c459
```
#c9c459 rgb(201,196,89)
```
#cfcb6d
```
#cfcb6d rgb(207,203,109)
```

Monochromatic Color

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

#b4913b
```
#b4913b rgb(180,145,59)
```
#b49b3b
```
#b49b3b rgb(180,155,59)
```
#b4a53b
```
#b4a53b rgb(180,165,59)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```
#afb43b
```
#afb43b rgb(175,180,59)
```
#a5b43b
```
#a5b43b rgb(165,180,59)
```
#9bb43b
```
#9bb43b rgb(155,180,59)
```

Similar Colors

Text with hexadecimal color #b4af3b

This text has a font color of #b4af3b.

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

#b4af3b background color

This paragraph has a background color of #b4af3b.

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

#b4af3b border color

This element has a border color of #b4af3b.

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

CSS codes

.text {color:#b4af3b;}

.background {background-color:#b4af3b;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111106
```
#111106 rgb(17,17,6)
```
#201f0b
```
#201f0b rgb(32,31,11)
```
#2f2e0f
```
#2f2e0f rgb(47,46,15)
```
#3e3c14
```
#3e3c14 rgb(62,60,20)
```
#4d4a19
```
#4d4a19 rgb(77,74,25)
```
#5b591e
```
#5b591e rgb(91,89,30)
```
#6a6723
```
#6a6723 rgb(106,103,35)
```
#797628
```
#797628 rgb(121,118,40)
```
#88842c
```
#88842c rgb(136,132,44)
```
#969231
```
#969231 rgb(150,146,49)
```
#a5a136
```
#a5a136 rgb(165,161,54)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```

Shade Color Variation

#c1bc42
```
#c1bc42 rgb(193,188,66)
```
#c6c150
```
#c6c150 rgb(198,193,80)
```
#cbc65f
```
#cbc65f rgb(203,198,95)
```
#cfcb6e
```
#cfcb6e rgb(207,203,110)
```
#d4d17d
```
#d4d17d rgb(212,209,125)
```
#d9d68c
```
#d9d68c rgb(217,214,140)
```
#dedb9a
```
#dedb9a rgb(222,219,154)
```
#e3e0a9
```
#e3e0a9 rgb(227,224,169)
```
#e8e6b8
```
#e8e6b8 rgb(232,230,184)
```
#edebc7
```
#edebc7 rgb(237,235,199)
```
#f1f0d5
```
#f1f0d5 rgb(241,240,213)
```
#f6f5e4
```
#f6f5e4 rgb(246,245,228)
```
#fbfbf3
```
#fbfbf3 rgb(251,251,243)
```

Tint Color Variation

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

#7d7c72
```
#7d7c72 rgb(125,124,114)
```
#868569
```
#868569 rgb(134,133,105)
```
#8f8d60
```
#8f8d60 rgb(143,141,96)
```
#989657
```
#989657 rgb(152,150,87)
```
#a29e4d
```
#a29e4d rgb(162,158,77)
```
#aba744
```
#aba744 rgb(171,167,68)
```
#b4af3b
```
#b4af3b rgb(180,175,59)
```
#bdb732
```
#bdb732 rgb(189,183,50)
```
#c6c029
```
#c6c029 rgb(198,192,41)
```
#d0c81f
```
#d0c81f rgb(208,200,31)
```
#d9d116
```
#d9d116 rgb(217,209,22)
```
#e2d90d
```
#e2d90d rgb(226,217,13)
```
#ebe204
```
#ebe204 rgb(235,226,4)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a58e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2af44 Protanopia 1% of men
#d8a74a Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf40 Protanomaly 1% of men, 0.01% of women
#cbaa44 Deuteranomaly 6% of men, 0.4% of women
#bdaa88 Tritanomaly 0.01% of the population

#b4af3b hex color

#b4af3b Color Information

#b4af3b Color Conversion

Color Schemes with #b4af3b

Alternatives to #b4af3b

#b4af3b Preview

Shades and Tints of #b4af3b

Tones of #b4af3b

Color Blindness Simulator