#b7af21 hex color

In a RGB color space, hex #b7af21 is composed of 71.8% red, 68.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 82% yellow and 28.2% black. It has a hue angle of 56.8 degrees, a saturation of 69.4% and a lightness of 42.4%. #b7af21 color hex could be obtained by blending #ffff42 with #6f5f00. Closest websafe color is: #cc9933.

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

● #b7af21 color description : Strong yellow.

The hexadecimal color #b7af21 has RGB values of R:183, G:175, B:33 and CMYK values of C:0, M:0.04, Y:0.82, K:0.28. Its decimal value is 12037921.

Hex triplet	b7af21	`#b7af21`
RGB Decimal	183, 175, 33	`rgb(183,175,33)`
RGB Percent	71.8, 68.6, 12.9	`rgb(71.8%,68.6%,12.9%)`
CMYK	0, 4, 82, 28
HSL	56.8°, 69.4, 42.4	`hsl(56.8,69.4%,42.4%)`
HSV (or HSB)	56.8°, 82, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.062, -12.122, 66.506
XYZ	35.133, 40.838, 7.471
xyY	0.421, 0.489, 40.838
CIE-LCH	70.062, 67.602, 100.33
CIE-LUV	70.062, 10.816, 72.992
Hunter-Lab	63.905, -13.698, 37.802
Binary	10110111, 10101111, 00100001

#b7af21
```
#b7af21 rgb(183,175,33)
```
#2129b7
```
#2129b7 rgb(33,41,183)
```

Complementary Color

#b76421
```
#b76421 rgb(183,100,33)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#74b721
```
#74b721 rgb(116,183,33)
```

Analogous Color

#6421b7
```
#6421b7 rgb(100,33,183)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#2174b7
```
#2174b7 rgb(33,116,183)
```

Split Complementary Color

#af21b7
```
#af21b7 rgb(175,33,183)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#21b7af
```
#21b7af rgb(33,183,175)
```

Triadic Color

#b72129
```
#b72129 rgb(183,33,41)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#21b7af
```
#21b7af rgb(33,183,175)
```
#2129b7
```
#2129b7 rgb(33,41,183)
```

Tetradic Color

#767115
```
#767115 rgb(118,113,21)
```
#8c8619
```
#8c8619 rgb(140,134,25)
```
#a19a1d
```
#a19a1d rgb(161,154,29)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#cdc425
```
#cdc425 rgb(205,196,37)
```
#dad131
```
#dad131 rgb(218,209,49)
```
#ded647
```
#ded647 rgb(222,214,71)
```

Monochromatic Color

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

#b78a21
```
#b78a21 rgb(183,138,33)
```
#b79621
```
#b79621 rgb(183,150,33)
```
#b7a321
```
#b7a321 rgb(183,163,33)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#b3b721
```
#b3b721 rgb(179,183,33)
```
#a6b721
```
#a6b721 rgb(166,183,33)
```
#9ab721
```
#9ab721 rgb(154,183,33)
```

Similar Colors

Text with hexadecimal color #b7af21

This text has a font color of #b7af21.

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

#b7af21 background color

This paragraph has a background color of #b7af21.

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

#b7af21 border color

This element has a border color of #b7af21.

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

CSS codes

.text {color:#b7af21;}

.background {background-color:#b7af21;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#111003
```
#111003 rgb(17,16,3)
```
#212006
```
#212006 rgb(33,32,6)
```
#323009
```
#323009 rgb(50,48,9)
```
#43400c
```
#43400c rgb(67,64,12)
```
#53500f
```
#53500f rgb(83,80,15)
```
#646012
```
#646012 rgb(100,96,18)
```
#756f15
```
#756f15 rgb(117,111,21)
```
#857f18
```
#857f18 rgb(133,127,24)
```
#968f1b
```
#968f1b rgb(150,143,27)
```
#a69f1e
```
#a69f1e rgb(166,159,30)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#c8bf24
```
#c8bf24 rgb(200,191,36)
```

Shade Color Variation

#d8cf27
```
#d8cf27 rgb(216,207,39)
```
#dbd238
```
#dbd238 rgb(219,210,56)
```
#ded648
```
#ded648 rgb(222,214,72)
```
#e1da59
```
#e1da59 rgb(225,218,89)
```
#e4de6a
```
#e4de6a rgb(228,222,106)
```
#e7e17a
```
#e7e17a rgb(231,225,122)
```
#eae58b
```
#eae58b rgb(234,229,139)
```
#ede99b
```
#ede99b rgb(237,233,155)
```
#f0ecac
```
#f0ecac rgb(240,236,172)
```
#f3f0bd
```
#f3f0bd rgb(243,240,189)
```
#f6f4cd
```
#f6f4cd rgb(246,244,205)
```
#f9f8de
```
#f9f8de rgb(249,248,222)
```
#fcfbef
```
#fcfbef rgb(252,251,239)
```

Tint Color Variation

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

#6c6c6c
```
#6c6c6c rgb(108,108,108)
```
#757463
```
#757463 rgb(117,116,99)
```
#7d7b5b
```
#7d7b5b rgb(125,123,91)
```
#858253
```
#858253 rgb(133,130,83)
```
#8d8a4b
```
#8d8a4b rgb(141,138,75)
```
#969142
```
#969142 rgb(150,145,66)
```
#9e993a
```
#9e993a rgb(158,153,58)
```
#a6a032
```
#a6a032 rgb(166,160,50)
```
#afa829
```
#afa829 rgb(175,168,41)
```
#b7af21
```
#b7af21 rgb(183,175,33)
```
#bfb619
```
#bfb619 rgb(191,182,25)
```
#c8be10
```
#c8be10 rgb(200,190,16)
```
#d0c508
```
#d0c508 rgb(208,197,8)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a5a487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af2b Protanopia 1% of men
#daa733 Deuteranopia 1% of men
#c6a7b3 Tritanopia 0.001% of the population

Trichromacy

#bfaf27 Protanomaly 1% of men, 0.01% of women
#cdaa2d Deuteranomaly 6% of men, 0.4% of women
#c0aa7e Tritanomaly 0.01% of the population

#b7af21 hex color

#b7af21 Color Information

#b7af21 Color Conversion

Color Schemes with #b7af21

Alternatives to #b7af21

#b7af21 Preview

Shades and Tints of #b7af21

Tones of #b7af21

Color Blindness Simulator