#b7af18 hex color

In a RGB color space, hex #b7af18 is composed of 71.8% red, 68.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 86.9% yellow and 28.2% black. It has a hue angle of 57 degrees, a saturation of 76.8% and a lightness of 40.6%. #b7af18 color hex could be obtained by blending #ffff30 with #6f5f00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 72
- G 69
- B 9
RGB color chart
- C 0
- M 4
- Y 87
- K 28
CMYK color chart

● #b7af18 color description : Strong yellow.

The hexadecimal color #b7af18 has RGB values of R:183, G:175, B:24 and CMYK values of C:0, M:0.04, Y:0.87, K:0.28. Its decimal value is 12037912.

Hex triplet	b7af18	`#b7af18`
RGB Decimal	183, 175, 24	`rgb(183,175,24)`
RGB Percent	71.8, 68.6, 9.4	`rgb(71.8%,68.6%,9.4%)`
CMYK	0, 4, 87, 28
HSL	57°, 76.8, 40.6	`hsl(57,76.8%,40.6%)`
HSV (or HSB)	57°, 86.9, 71.8
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.031, -12.362, 68.619
XYZ	35.023, 40.794, 6.893
xyY	0.423, 0.493, 40.794
CIE-LCH	70.031, 69.724, 100.213
CIE-LUV	70.031, 10.928, 74.291
Hunter-Lab	63.87, -13.892, 38.31
Binary	10110111, 10101111, 00011000

#b7af18
```
#b7af18 rgb(183,175,24)
```
#1820b7
```
#1820b7 rgb(24,32,183)
```

Complementary Color

#b76018
```
#b76018 rgb(183,96,24)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#70b718
```
#70b718 rgb(112,183,24)
```

Analogous Color

#6018b7
```
#6018b7 rgb(96,24,183)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#1870b7
```
#1870b7 rgb(24,112,183)
```

Split Complementary Color

#af18b7
```
#af18b7 rgb(175,24,183)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#18b7af
```
#18b7af rgb(24,183,175)
```

Triadic Color

#b71820
```
#b71820 rgb(183,24,32)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#18b7af
```
#18b7af rgb(24,183,175)
```
#1820b7
```
#1820b7 rgb(24,32,183)
```

Tetradic Color

#736e0f
```
#736e0f rgb(115,110,15)
```
#8a8412
```
#8a8412 rgb(138,132,18)
```
#a09915
```
#a09915 rgb(160,153,21)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#cec51b
```
#cec51b rgb(206,197,27)
```
#e2d820
```
#e2d820 rgb(226,216,32)
```
#e5dc37
```
#e5dc37 rgb(229,220,55)
```

Monochromatic Color

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

#b78718
```
#b78718 rgb(183,135,24)
```
#b79518
```
#b79518 rgb(183,149,24)
```
#b7a218
```
#b7a218 rgb(183,162,24)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#b2b718
```
#b2b718 rgb(178,183,24)
```
#a5b718
```
#a5b718 rgb(165,183,24)
```
#97b718
```
#97b718 rgb(151,183,24)
```

Similar Colors

Text with hexadecimal color #b7af18

This text has a font color of #b7af18.

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

#b7af18 background color

This paragraph has a background color of #b7af18.

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

#b7af18 border color

This element has a border color of #b7af18.

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

CSS codes

.text {color:#b7af18;}

.background {background-color:#b7af18;}

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

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

#0a0901
```
#0a0901 rgb(10,9,1)
```
#1b1a04
```
#1b1a04 rgb(27,26,4)
```
#2c2a06
```
#2c2a06 rgb(44,42,6)
```
#3e3b08
```
#3e3b08 rgb(62,59,8)
```
#4f4c0a
```
#4f4c0a rgb(79,76,10)
```
#605c0d
```
#605c0d rgb(96,92,13)
```
#726d0f
```
#726d0f rgb(114,109,15)
```
#837d11
```
#837d11 rgb(131,125,17)
```
#948e13
```
#948e13 rgb(148,142,19)
```
#a69e16
```
#a69e16 rgb(166,158,22)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#c8c01a
```
#c8c01a rgb(200,192,26)
```
#dad01d
```
#dad01d rgb(218,208,29)
```

Shade Color Variation

#e3d927
```
#e3d927 rgb(227,217,39)
```
#e5dc38
```
#e5dc38 rgb(229,220,56)
```
#e7df4a
```
#e7df4a rgb(231,223,74)
```
#eae25b
```
#eae25b rgb(234,226,91)
```
#ece56d
```
#ece56d rgb(236,229,109)
```
#eee87e
```
#eee87e rgb(238,232,126)
```
#f0eb8f
```
#f0eb8f rgb(240,235,143)
```
#f3eea1
```
#f3eea1 rgb(243,238,161)
```
#f5f2b2
```
#f5f2b2 rgb(245,242,178)
```
#f7f5c3
```
#f7f5c3 rgb(247,245,195)
```
#f9f8d5
```
#f9f8d5 rgb(249,248,213)
```
#fcfbe6
```
#fcfbe6 rgb(252,251,230)
```
#fefef7
```
#fefef7 rgb(254,254,247)
```

Tint Color Variation

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

#6f6f60
```
#6f6f60 rgb(111,111,96)
```
#777658
```
#777658 rgb(119,118,88)
```
#7f7d50
```
#7f7d50 rgb(127,125,80)
```
#878448
```
#878448 rgb(135,132,72)
```
#8f8b40
```
#8f8b40 rgb(143,139,64)
```
#979238
```
#979238 rgb(151,146,56)
```
#9f9a30
```
#9f9a30 rgb(159,154,48)
```
#a7a128
```
#a7a128 rgb(167,161,40)
```
#afa820
```
#afa820 rgb(175,168,32)
```
#b7af18
```
#b7af18 rgb(183,175,24)
```
#bfb610
```
#bfb610 rgb(191,182,16)
```
#c7bd08
```
#c7bd08 rgb(199,189,8)
```
#cfc400
```
#cfc400 rgb(207,196,0)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a5a385 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af23 Protanopia 1% of men
#daa72d Deuteranopia 1% of men
#c6a7b3 Tritanopia 0.001% of the population

Trichromacy

#bfaf1f Protanomaly 1% of men, 0.01% of women
#cdaa25 Deuteranomaly 6% of men, 0.4% of women
#c0aa7a Tritanomaly 0.01% of the population

#b7af18 hex color

#b7af18 Color Information

#b7af18 Color Conversion

Color Schemes with #b7af18

Alternatives to #b7af18

#b7af18 Preview

Shades and Tints of #b7af18

Tones of #b7af18

Color Blindness Simulator