#b8af24 hex color

In a RGB color space, hex #b8af24 is composed of 72.2% red, 68.6% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 80.4% yellow and 27.8% black. It has a hue angle of 56.4 degrees, a saturation of 67.3% and a lightness of 43.1%. #b8af24 color hex could be obtained by blending #ffff48 with #715f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 69
- B 14
RGB color chart
- C 0
- M 5
- Y 80
- K 28
CMYK color chart

● #b8af24 color description : Strong yellow.

The hexadecimal color #b8af24 has RGB values of R:184, G:175, B:36 and CMYK values of C:0, M:0.05, Y:0.8, K:0.28. Its decimal value is 12103460.

Hex triplet	b8af24	`#b8af24`
RGB Decimal	184, 175, 36	`rgb(184,175,36)`
RGB Percent	72.2, 68.6, 14.1	`rgb(72.2%,68.6%,14.1%)`
CMYK	0, 5, 80, 28
HSL	56.4°, 67.3, 43.1	`hsl(56.4,67.3%,43.1%)`
HSV (or HSB)	56.4°, 80.4, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.161, -11.587, 65.8
XYZ	35.416, 40.979, 7.713
xyY	0.421, 0.487, 40.979
CIE-LCH	70.161, 66.812, 99.987
CIE-LUV	70.161, 11.476, 72.491
Hunter-Lab	64.014, -13.271, 37.666
Binary	10111000, 10101111, 00100100

#b8af24
```
#b8af24 rgb(184,175,36)
```
#242db8
```
#242db8 rgb(36,45,184)
```

Complementary Color

#b86524
```
#b86524 rgb(184,101,36)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#77b824
```
#77b824 rgb(119,184,36)
```

Analogous Color

#6524b8
```
#6524b8 rgb(101,36,184)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#2477b8
```
#2477b8 rgb(36,119,184)
```

Split Complementary Color

#af24b8
```
#af24b8 rgb(175,36,184)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#24b8af
```
#24b8af rgb(36,184,175)
```

Triadic Color

#b8242d
```
#b8242d rgb(184,36,45)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#24b8af
```
#24b8af rgb(36,184,175)
```
#242db8
```
#242db8 rgb(36,45,184)
```

Tetradic Color

#787217
```
#787217 rgb(120,114,23)
```
#8d861c
```
#8d861c rgb(141,134,28)
```
#a39b20
```
#a39b20 rgb(163,155,32)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#cdc328
```
#cdc328 rgb(205,195,40)
```
#d8ce37
```
#d8ce37 rgb(216,206,55)
```
#dcd34c
```
#dcd34c rgb(220,211,76)
```

Monochromatic Color

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

#b88a24
```
#b88a24 rgb(184,138,36)
```
#b89624
```
#b89624 rgb(184,150,36)
```
#b8a324
```
#b8a324 rgb(184,163,36)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#b5b824
```
#b5b824 rgb(181,184,36)
```
#a8b824
```
#a8b824 rgb(168,184,36)
```
#9cb824
```
#9cb824 rgb(156,184,36)
```

Similar Colors

Text with hexadecimal color #b8af24

This text has a font color of #b8af24.

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

#b8af24 background color

This paragraph has a background color of #b8af24.

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

#b8af24 border color

This element has a border color of #b8af24.

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

CSS codes

.text {color:#b8af24;}

.background {background-color:#b8af24;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141304
```
#141304 rgb(20,19,4)
```
#242307
```
#242307 rgb(36,35,7)
```
#35320a
```
#35320a rgb(53,50,10)
```
#45420e
```
#45420e rgb(69,66,14)
```
#565111
```
#565111 rgb(86,81,17)
```
#666114
```
#666114 rgb(102,97,20)
```
#767117
```
#767117 rgb(118,113,23)
```
#87801a
```
#87801a rgb(135,128,26)
```
#97901e
```
#97901e rgb(151,144,30)
```
#a89f21
```
#a89f21 rgb(168,159,33)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#c8bf27
```
#c8bf27 rgb(200,191,39)
```

Shade Color Variation

#d6cc2d
```
#d6cc2d rgb(214,204,45)
```
#d9d03e
```
#d9d03e rgb(217,208,62)
```
#dcd44e
```
#dcd44e rgb(220,212,78)
```
#e0d85e
```
#e0d85e rgb(224,216,94)
```
#e3dc6f
```
#e3dc6f rgb(227,220,111)
```
#e6e07f
```
#e6e07f rgb(230,224,127)
```
#e9e490
```
#e9e490 rgb(233,228,144)
```
#ece8a0
```
#ece8a0 rgb(236,232,160)
```
#f0ecb1
```
#f0ecb1 rgb(240,236,177)
```
#f3f0c1
```
#f3f0c1 rgb(243,240,193)
```
#f6f4d1
```
#f6f4d1 rgb(246,244,209)
```
#f9f8e2
```
#f9f8e2 rgb(249,248,226)
```
#fcfcf2
```
#fcfcf2 rgb(252,252,242)
```

Tint Color Variation

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

#747468
```
#747468 rgb(116,116,104)
```
#7d7b5f
```
#7d7b5f rgb(125,123,95)
```
#858257
```
#858257 rgb(133,130,87)
```
#8e8a4e
```
#8e8a4e rgb(142,138,78)
```
#969146
```
#969146 rgb(150,145,70)
```
#9f993d
```
#9f993d rgb(159,153,61)
```
#a7a035
```
#a7a035 rgb(167,160,53)
```
#b0a82c
```
#b0a82c rgb(176,168,44)
```
#b8af24
```
#b8af24 rgb(184,175,36)
```
#c0b61c
```
#c0b61c rgb(192,182,28)
```
#c9be13
```
#c9be13 rgb(201,190,19)
```
#d1c50b
```
#d1c50b rgb(209,197,11)
```
#dacd02
```
#dacd02 rgb(218,205,2)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a6a589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b02e Protanopia 1% of men
#daa736 Deuteranopia 1% of men
#c7a7b3 Tritanopia 0.001% of the population

Trichromacy

#c0af2a Protanomaly 1% of men, 0.01% of women
#ceaa2f Deuteranomaly 6% of men, 0.4% of women
#c1aa7f Tritanomaly 0.01% of the population

#b8af24 hex color

#b8af24 Color Information

#b8af24 Color Conversion

Color Schemes with #b8af24

Alternatives to #b8af24

#b8af24 Preview

Shades and Tints of #b8af24

Tones of #b8af24

Color Blindness Simulator