#b2af40 hex color

In a RGB color space, hex #b2af40 is composed of 69.8% red, 68.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 64% yellow and 30.2% black. It has a hue angle of 58.4 degrees, a saturation of 47.1% and a lightness of 47.5%. #b2af40 color hex could be obtained by blending #ffff80 with #655f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 69
- B 25
RGB color chart
- C 0
- M 2
- Y 64
- K 30
CMYK color chart

● #b2af40 color description : Dark moderate yellow.

The hexadecimal color #b2af40 has RGB values of R:178, G:175, B:64 and CMYK values of C:0, M:0.02, Y:0.64, K:0.3. Its decimal value is 11710272.

Hex triplet	b2af40	`#b2af40`
RGB Decimal	178, 175, 64	`rgb(178,175,64)`
RGB Percent	69.8, 68.6, 25.1	`rgb(69.8%,68.6%,25.1%)`
CMYK	0, 2, 64, 30
HSL	58.4°, 47.1, 47.5	`hsl(58.4,47.1%,47.5%)`
HSV (or HSB)	58.4°, 64, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.821, -12.854, 55.264
XYZ	34.615, 40.496, 10.843
xyY	0.403, 0.471, 40.496
CIE-LCH	69.821, 56.739, 103.094
CIE-LUV	69.821, 6.732, 65.3
Hunter-Lab	63.636, -14.267, 34.443
Binary	10110010, 10101111, 01000000

#b2af40
```
#b2af40 rgb(178,175,64)
```
#4043b2
```
#4043b2 rgb(64,67,178)
```

Complementary Color

#b27640
```
#b27640 rgb(178,118,64)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```
#7cb240
```
#7cb240 rgb(124,178,64)
```

Analogous Color

#7640b2
```
#7640b2 rgb(118,64,178)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```
#407cb2
```
#407cb2 rgb(64,124,178)
```

Split Complementary Color

#af40b2
```
#af40b2 rgb(175,64,178)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```
#40b2af
```
#40b2af rgb(64,178,175)
```

Triadic Color

#b24043
```
#b24043 rgb(178,64,67)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```
#40b2af
```
#40b2af rgb(64,178,175)
```
#4043b2
```
#4043b2 rgb(64,67,178)
```

Tetradic Color

#7a782c
```
#7a782c rgb(122,120,44)
```
#8c8a33
```
#8c8a33 rgb(140,138,51)
```
#9f9d39
```
#9f9d39 rgb(159,157,57)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```
#bfbc4d
```
#bfbc4d rgb(191,188,77)
```
#c6c35f
```
#c6c35f rgb(198,195,95)
```
#ccca72
```
#ccca72 rgb(204,202,114)
```

Monochromatic Color

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

#b29340
```
#b29340 rgb(178,147,64)
```
#b29c40
```
#b29c40 rgb(178,156,64)
```
#b2a640
```
#b2a640 rgb(178,166,64)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```
#acb240
```
#acb240 rgb(172,178,64)
```
#a2b240
```
#a2b240 rgb(162,178,64)
```
#99b240
```
#99b240 rgb(153,178,64)
```

Similar Colors

Text with hexadecimal color #b2af40

This text has a font color of #b2af40.

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

#b2af40 background color

This paragraph has a background color of #b2af40.

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

#b2af40 border color

This element has a border color of #b2af40.

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

CSS codes

.text {color:#b2af40;}

.background {background-color:#b2af40;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#131307
```
#131307 rgb(19,19,7)
```
#22210c
```
#22210c rgb(34,33,12)
```
#302f11
```
#302f11 rgb(48,47,17)
```
#3f3e16
```
#3f3e16 rgb(63,62,22)
```
#4d4c1c
```
#4d4c1c rgb(77,76,28)
```
#5b5a21
```
#5b5a21 rgb(91,90,33)
```
#6a6826
```
#6a6826 rgb(106,104,38)
```
#78762b
```
#78762b rgb(120,118,43)
```
#878430
```
#878430 rgb(135,132,48)
```
#959336
```
#959336 rgb(149,147,54)
```
#a4a13b
```
#a4a13b rgb(164,161,59)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```

Shade Color Variation

#bdba48
```
#bdba48 rgb(189,186,72)
```
#c2c057
```
#c2c057 rgb(194,192,87)
```
#c8c565
```
#c8c565 rgb(200,197,101)
```
#cdcb74
```
#cdcb74 rgb(205,203,116)
```
#d2d082
```
#d2d082 rgb(210,208,130)
```
#d7d590
```
#d7d590 rgb(215,213,144)
```
#dcdb9f
```
#dcdb9f rgb(220,219,159)
```
#e2e0ad
```
#e2e0ad rgb(226,224,173)
```
#e7e6bc
```
#e7e6bc rgb(231,230,188)
```
#ecebca
```
#ecebca rgb(236,235,202)
```
#f1f1d9
```
#f1f1d9 rgb(241,241,217)
```
#f6f6e7
```
#f6f6e7 rgb(246,246,231)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#7a7a78
```
#7a7a78 rgb(122,122,120)
```
#83836f
```
#83836f rgb(131,131,111)
```
#8d8c65
```
#8d8c65 rgb(141,140,101)
```
#96955c
```
#96955c rgb(150,149,92)
```
#9f9d53
```
#9f9d53 rgb(159,157,83)
```
#a9a649
```
#a9a649 rgb(169,166,73)
```
#b2af40
```
#b2af40 rgb(178,175,64)
```
#bbb837
```
#bbb837 rgb(187,184,55)
```
#c5c12d
```
#c5c12d rgb(197,193,45)
```
#cec924
```
#cec924 rgb(206,201,36)
```
#d7d21b
```
#d7d21b rgb(215,210,27)
```
#e1db11
```
#e1db11 rgb(225,219,17)
```
#eae408
```
#eae408 rgb(234,228,8)
```

Tone Color Variation

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

Dichromacy

#c2af48 Protanopia 1% of men
#d7a74e Deuteranopia 1% of men
#c1a8b4 Tritanopia 0.001% of the population

Trichromacy

#bcaf45 Protanomaly 1% of men, 0.01% of women
#c9a949 Deuteranomaly 6% of men, 0.4% of women
#bbaa8a Tritanomaly 0.01% of the population

#b2af40 hex color

#b2af40 Color Information

#b2af40 Color Conversion

Color Schemes with #b2af40

Alternatives to #b2af40

#b2af40 Preview

Shades and Tints of #b2af40

Tones of #b2af40

Color Blindness Simulator