#b8af21 hex color

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

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

● #b8af21 color description : Strong yellow.

The hexadecimal color #b8af21 has RGB values of R:184, G:175, B:33 and CMYK values of C:0, M:0.05, Y:0.82, K:0.28. Its decimal value is 12103457.

Hex triplet	b8af21	`#b8af21`
RGB Decimal	184, 175, 33	`rgb(184,175,33)`
RGB Percent	72.2, 68.6, 12.9	`rgb(72.2%,68.6%,12.9%)`
CMYK	0, 5, 82, 28
HSL	56.4°, 69.6, 42.5	`hsl(56.4,69.6%,42.5%)`
HSV (or HSB)	56.4°, 82.1, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.149, -11.683, 66.614
XYZ	35.372, 40.961, 7.482
xyY	0.422, 0.489, 40.961
CIE-LCH	70.149, 67.631, 99.948
CIE-LUV	70.149, 11.522, 73.008
Hunter-Lab	64.001, -13.348, 37.869
Binary	10111000, 10101111, 00100001

#b8af21
```
#b8af21 rgb(184,175,33)
```
#212ab8
```
#212ab8 rgb(33,42,184)
```

Complementary Color

#b86421
```
#b86421 rgb(184,100,33)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#76b821
```
#76b821 rgb(118,184,33)
```

Analogous Color

#6421b8
```
#6421b8 rgb(100,33,184)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#2176b8
```
#2176b8 rgb(33,118,184)
```

Split Complementary Color

#af21b8
```
#af21b8 rgb(175,33,184)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#21b8af
```
#21b8af rgb(33,184,175)
```

Triadic Color

#b8212a
```
#b8212a rgb(184,33,42)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#21b8af
```
#21b8af rgb(33,184,175)
```
#212ab8
```
#212ab8 rgb(33,42,184)
```

Tetradic Color

#777115
```
#777115 rgb(119,113,21)
```
#8d8619
```
#8d8619 rgb(141,134,25)
```
#a29a1d
```
#a29a1d rgb(162,154,29)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#cec425
```
#cec425 rgb(206,196,37)
```
#dad032
```
#dad032 rgb(218,208,50)
```
#ded547
```
#ded547 rgb(222,213,71)
```

Monochromatic Color

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

#b88921
```
#b88921 rgb(184,137,33)
```
#b89621
```
#b89621 rgb(184,150,33)
```
#b8a221
```
#b8a221 rgb(184,162,33)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#b4b821
```
#b4b821 rgb(180,184,33)
```
#a8b821
```
#a8b821 rgb(168,184,33)
```
#9bb821
```
#9bb821 rgb(155,184,33)
```

Similar Colors

Text with hexadecimal color #b8af21

This text has a font color of #b8af21.

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

#b8af21 background color

This paragraph has a background color of #b8af21.

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

#b8af21 border color

This element has a border color of #b8af21.

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

CSS codes

.text {color:#b8af21;}

.background {background-color:#b8af21;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121103
```
#121103 rgb(18,17,3)
```
#222106
```
#222106 rgb(34,33,6)
```
#333009
```
#333009 rgb(51,48,9)
```
#44400c
```
#44400c rgb(68,64,12)
```
#54500f
```
#54500f rgb(84,80,15)
```
#656012
```
#656012 rgb(101,96,18)
```
#757015
```
#757015 rgb(117,112,21)
```
#868018
```
#868018 rgb(134,128,24)
```
#978f1b
```
#978f1b rgb(151,143,27)
```
#a79f1e
```
#a79f1e rgb(167,159,30)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#c9bf24
```
#c9bf24 rgb(201,191,36)
```

Shade Color Variation

#d8ce28
```
#d8ce28 rgb(216,206,40)
```
#dbd238
```
#dbd238 rgb(219,210,56)
```
#ded549
```
#ded549 rgb(222,213,73)
```
#e1d95a
```
#e1d95a rgb(225,217,90)
```
#e4dd6a
```
#e4dd6a rgb(228,221,106)
```
#e7e17b
```
#e7e17b rgb(231,225,123)
```
#eae58c
```
#eae58c rgb(234,229,140)
```
#ede89c
```
#ede89c rgb(237,232,156)
```
#f0ecad
```
#f0ecad rgb(240,236,173)
```
#f3f0be
```
#f3f0be rgb(243,240,190)
```
#f6f4ce
```
#f6f4ce rgb(246,244,206)
```
#f9f8df
```
#f9f8df rgb(249,248,223)
```
#fcfbef
```
#fcfbef rgb(252,251,239)
```

Tint Color Variation

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

#6d6d6c
```
#6d6d6c rgb(109,109,108)
```
#757464
```
#757464 rgb(117,116,100)
```
#7e7c5b
```
#7e7c5b rgb(126,124,91)
```
#868353
```
#868353 rgb(134,131,83)
```
#8e8a4b
```
#8e8a4b rgb(142,138,75)
```
#979242
```
#979242 rgb(151,146,66)
```
#9f993a
```
#9f993a rgb(159,153,58)
```
#a7a032
```
#a7a032 rgb(167,160,50)
```
#b0a829
```
#b0a829 rgb(176,168,41)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#c0b619
```
#c0b619 rgb(192,182,25)
```
#c9be10
```
#c9be10 rgb(201,190,16)
```
#d1c508
```
#d1c508 rgb(209,197,8)
```

Tone Color Variation

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

Dichromacy

#c4b02b Protanopia 1% of men
#daa733 Deuteranopia 1% of men
#c7a7b3 Tritanopia 0.001% of the population

Trichromacy

#c0af27 Protanomaly 1% of men, 0.01% of women
#ceaa2c Deuteranomaly 6% of men, 0.4% of women
#c1aa7e Tritanomaly 0.01% of the population

#b8af21 hex color

#b8af21 Color Information

#b8af21 Color Conversion

Color Schemes with #b8af21

Alternatives to #b8af21

#b8af21 Preview

Shades and Tints of #b8af21

Tones of #b8af21

Color Blindness Simulator