#b4af18 hex color

In a RGB color space, hex #b4af18 is composed of 70.6% red, 68.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 86.7% yellow and 29.4% black. It has a hue angle of 58.1 degrees, a saturation of 76.5% and a lightness of 40%. #b4af18 color hex could be obtained by blending #ffff30 with #695f00. Closest websafe color is: #cc9900.

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

● #b4af18 color description : Strong yellow.

The hexadecimal color #b4af18 has RGB values of R:180, G:175, B:24 and CMYK values of C:0, M:0.03, Y:0.87, K:0.29. Its decimal value is 11841304.

Hex triplet	b4af18	`#b4af18`
RGB Decimal	180, 175, 24	`rgb(180,175,24)`
RGB Percent	70.6, 68.6, 9.4	`rgb(70.6%,68.6%,9.4%)`
CMYK	0, 3, 87, 29
HSL	58.1°, 76.5, 40	`hsl(58.1,76.5%,40%)`
HSV (or HSB)	58.1°, 86.7, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.775, -13.681, 68.304
XYZ	34.317, 40.43, 6.86
xyY	0.421, 0.495, 40.43
CIE-LCH	69.775, 69.661, 101.326
CIE-LUV	69.775, 8.817, 74.251
Hunter-Lab	63.585, -14.934, 38.112
Binary	10110100, 10101111, 00011000

#b4af18
```
#b4af18 rgb(180,175,24)
```
#181db4
```
#181db4 rgb(24,29,180)
```

Complementary Color

#b46118
```
#b46118 rgb(180,97,24)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#6bb418
```
#6bb418 rgb(107,180,24)
```

Analogous Color

#6118b4
```
#6118b4 rgb(97,24,180)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#186bb4
```
#186bb4 rgb(24,107,180)
```

Split Complementary Color

#af18b4
```
#af18b4 rgb(175,24,180)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#18b4af
```
#18b4af rgb(24,180,175)
```

Triadic Color

#b4181d
```
#b4181d rgb(180,24,29)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#18b4af
```
#18b4af rgb(24,180,175)
```
#181db4
```
#181db4 rgb(24,29,180)
```

Tetradic Color

#716d0f
```
#716d0f rgb(113,109,15)
```
#878312
```
#878312 rgb(135,131,18)
```
#9e9915
```
#9e9915 rgb(158,153,21)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#cbc51b
```
#cbc51b rgb(203,197,27)
```
#e1db1e
```
#e1db1e rgb(225,219,30)
```
#e4de35
```
#e4de35 rgb(228,222,53)
```

Monochromatic Color

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

#b48818
```
#b48818 rgb(180,136,24)
```
#b49518
```
#b49518 rgb(180,149,24)
```
#b4a218
```
#b4a218 rgb(180,162,24)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#acb418
```
#acb418 rgb(172,180,24)
```
#9fb418
```
#9fb418 rgb(159,180,24)
```
#92b418
```
#92b418 rgb(146,180,24)
```

Similar Colors

Text with hexadecimal color #b4af18

This text has a font color of #b4af18.

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

#b4af18 background color

This paragraph has a background color of #b4af18.

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

#b4af18 border color

This element has a border color of #b4af18.

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

CSS codes

.text {color:#b4af18;}

.background {background-color:#b4af18;}

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

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

#070701
```
#070701 rgb(7,7,1)
```
#181803
```
#181803 rgb(24,24,3)
```
#2a2806
```
#2a2806 rgb(42,40,6)
```
#3b3908
```
#3b3908 rgb(59,57,8)
```
#4c4a0a
```
#4c4a0a rgb(76,74,10)
```
#5d5b0c
```
#5d5b0c rgb(93,91,12)
```
#6f6c0f
```
#6f6c0f rgb(111,108,15)
```
#807d11
```
#807d11 rgb(128,125,17)
```
#918d13
```
#918d13 rgb(145,141,19)
```
#a39e16
```
#a39e16 rgb(163,158,22)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#c5c01a
```
#c5c01a rgb(197,192,26)
```
#d7d11d
```
#d7d11d rgb(215,209,29)
```

Shade Color Variation

#e2dc25
```
#e2dc25 rgb(226,220,37)
```
#e4df36
```
#e4df36 rgb(228,223,54)
```
#e7e148
```
#e7e148 rgb(231,225,72)
```
#e9e459
```
#e9e459 rgb(233,228,89)
```
#ebe76a
```
#ebe76a rgb(235,231,106)
```
#edea7b
```
#edea7b rgb(237,234,123)
```
#f0ed8d
```
#f0ed8d rgb(240,237,141)
```
#f2ef9e
```
#f2ef9e rgb(242,239,158)
```
#f4f2af
```
#f4f2af rgb(244,242,175)
```
#f7f5c1
```
#f7f5c1 rgb(247,245,193)
```
#f9f8d2
```
#f9f8d2 rgb(249,248,210)
```
#fbfbe3
```
#fbfbe3 rgb(251,251,227)
```
#fefdf5
```
#fefdf5 rgb(254,253,245)
```

Tint Color Variation

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

#6d6d5f
```
#6d6d5f rgb(109,109,95)
```
#757457
```
#757457 rgb(117,116,87)
```
#7d7c4f
```
#7d7c4f rgb(125,124,79)
```
#858347
```
#858347 rgb(133,131,71)
```
#8d8a3f
```
#8d8a3f rgb(141,138,63)
```
#959237
```
#959237 rgb(149,146,55)
```
#9c9930
```
#9c9930 rgb(156,153,48)
```
#a4a028
```
#a4a028 rgb(164,160,40)
```
#aca820
```
#aca820 rgb(172,168,32)
```
#b4af18
```
#b4af18 rgb(180,175,24)
```
#bcb610
```
#bcb610 rgb(188,182,16)
```
#c4be08
```
#c4be08 rgb(196,190,8)
```
#ccc500
```
#ccc500 rgb(204,197,0)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af22 Protanopia 1% of men
#d9a62d Deuteranopia 1% of men
#c3a7b3 Tritanopia 0.001% of the population

Trichromacy

#beaf1e Protanomaly 1% of men, 0.01% of women
#cca925 Deuteranomaly 6% of men, 0.4% of women
#beaa7a Tritanomaly 0.01% of the population

#b4af18 hex color

#b4af18 Color Information

#b4af18 Color Conversion

Color Schemes with #b4af18

Alternatives to #b4af18

#b4af18 Preview

Shades and Tints of #b4af18

Tones of #b4af18

Color Blindness Simulator