#b8af45 hex color

In a RGB color space, hex #b8af45 is composed of 72.2% red, 68.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 62.5% yellow and 27.8% black. It has a hue angle of 55.3 degrees, a saturation of 45.5% and a lightness of 49.6%. #b8af45 color hex could be obtained by blending #ffff8a with #715f00. Closest websafe color is: #cc9933.

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

● #b8af45 color description : Moderate yellow.

The hexadecimal color #b8af45 has RGB values of R:184, G:175, B:69 and CMYK values of C:0, M:0.05, Y:0.63, K:0.28. Its decimal value is 12103493.

Hex triplet	b8af45	`#b8af45`
RGB Decimal	184, 175, 69	`rgb(184,175,69)`
RGB Percent	72.2, 68.6, 27.1	`rgb(72.2%,68.6%,27.1%)`
CMYK	0, 5, 63, 28
HSL	55.3°, 45.5, 49.6	`hsl(55.3,45.5%,49.6%)`
HSV (or HSB)	55.3°, 62.5, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.372, -9.957, 53.854
XYZ	36.171, 41.281, 11.693
xyY	0.406, 0.463, 41.281
CIE-LCH	70.372, 54.767, 100.475
CIE-LUV	70.372, 10.712, 63.809
Hunter-Lab	64.25, -11.946, 34.185
Binary	10111000, 10101111, 01000101

#b8af45
```
#b8af45 rgb(184,175,69)
```
#454eb8
```
#454eb8 rgb(69,78,184)
```

Complementary Color

#b87645
```
#b87645 rgb(184,118,69)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```
#88b845
```
#88b845 rgb(136,184,69)
```

Analogous Color

#7645b8
```
#7645b8 rgb(118,69,184)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```
#4588b8
```
#4588b8 rgb(69,136,184)
```

Split Complementary Color

#af45b8
```
#af45b8 rgb(175,69,184)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```
#45b8af
```
#45b8af rgb(69,184,175)
```

Triadic Color

#b8454e
```
#b8454e rgb(184,69,78)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```
#45b8af
```
#45b8af rgb(69,184,175)
```
#454eb8
```
#454eb8 rgb(69,78,184)
```

Tetradic Color

#807a30
```
#807a30 rgb(128,122,48)
```
#938c37
```
#938c37 rgb(147,140,55)
```
#a59d3e
```
#a59d3e rgb(165,157,62)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```
#c0b857
```
#c0b857 rgb(192,184,87)
```
#c7bf69
```
#c7bf69 rgb(199,191,105)
```
#cec77c
```
#cec77c rgb(206,199,124)
```

Monochromatic Color

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

#b89245
```
#b89245 rgb(184,146,69)
```
#b89c45
```
#b89c45 rgb(184,156,69)
```
#b8a545
```
#b8a545 rgb(184,165,69)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```
#b7b845
```
#b7b845 rgb(183,184,69)
```
#aeb845
```
#aeb845 rgb(174,184,69)
```
#a4b845
```
#a4b845 rgb(164,184,69)
```

Similar Colors

Text with hexadecimal color #b8af45

This text has a font color of #b8af45.

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

#b8af45 background color

This paragraph has a background color of #b8af45.

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

#b8af45 border color

This element has a border color of #b8af45.

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

CSS codes

.text {color:#b8af45;}

.background {background-color:#b8af45;}

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

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

#0d0c05
```
#0d0c05 rgb(13,12,5)
```
#1b1a0a
```
#1b1a0a rgb(27,26,10)
```
#292710
```
#292710 rgb(41,39,16)
```
#383515
```
#383515 rgb(56,53,21)
```
#46421a
```
#46421a rgb(70,66,26)
```
#545020
```
#545020 rgb(84,80,32)
```
#625e25
```
#625e25 rgb(98,94,37)
```
#716b2a
```
#716b2a rgb(113,107,42)
```
#7f7930
```
#7f7930 rgb(127,121,48)
```
#8d8635
```
#8d8635 rgb(141,134,53)
```
#9b943a
```
#9b943a rgb(155,148,58)
```
#aaa140
```
#aaa140 rgb(170,161,64)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```

Shade Color Variation

#beb652
```
#beb652 rgb(190,182,82)
```
#c4bc61
```
#c4bc61 rgb(196,188,97)
```
#c9c26f
```
#c9c26f rgb(201,194,111)
```
#cec87d
```
#cec87d rgb(206,200,125)
```
#d4ce8b
```
#d4ce8b rgb(212,206,139)
```
#d9d49a
```
#d9d49a rgb(217,212,154)
```
#dedaa8
```
#dedaa8 rgb(222,218,168)
```
#e4e0b6
```
#e4e0b6 rgb(228,224,182)
```
#e9e6c4
```
#e9e6c4 rgb(233,230,196)
```
#eeecd3
```
#eeecd3 rgb(238,236,211)
```
#f4f2e1
```
#f4f2e1 rgb(244,242,225)
```
#f9f8ef
```
#f9f8ef rgb(249,248,239)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#878676
```
#878676 rgb(135,134,118)
```
#918e6c
```
#918e6c rgb(145,142,108)
```
#9b9662
```
#9b9662 rgb(155,150,98)
```
#a59f58
```
#a59f58 rgb(165,159,88)
```
#aea74f
```
#aea74f rgb(174,167,79)
```
#b8af45
```
#b8af45 rgb(184,175,69)
```
#c2b73b
```
#c2b73b rgb(194,183,59)
```
#cbbf32
```
#cbbf32 rgb(203,191,50)
```
#d5c828
```
#d5c828 rgb(213,200,40)
```
#dfd01e
```
#dfd01e rgb(223,208,30)
```
#e9d814
```
#e9d814 rgb(233,216,20)
```
#f2e00b
```
#f2e00b rgb(242,224,11)
```
#fce801
```
#fce801 rgb(252,232,1)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aaa893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b04d Protanopia 1% of men
#d8a852 Deuteranopia 1% of men
#c6a8b4 Tritanopia 0.001% of the population

Trichromacy

#bfb04a Protanomaly 1% of men, 0.01% of women
#ccaa4d Deuteranomaly 6% of men, 0.4% of women
#c0aa8b Tritanomaly 0.01% of the population

#b8af45 hex color

#b8af45 Color Information

#b8af45 Color Conversion

Color Schemes with #b8af45

Alternatives to #b8af45

#b8af45 Preview

Shades and Tints of #b8af45

Tones of #b8af45

Color Blindness Simulator