#b7a217 hex color

In a RGB color space, hex #b7a217 is composed of 71.8% red, 63.5% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.5% magenta, 87.4% yellow and 28.2% black. It has a hue angle of 52.1 degrees, a saturation of 77.7% and a lightness of 40.4%. #b7a217 color hex could be obtained by blending #ffff2e with #6f4500. Closest websafe color is: #cc9900.

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

● #b7a217 color description : Strong yellow.

The hexadecimal color #b7a217 has RGB values of R:183, G:162, B:23 and CMYK values of C:0, M:0.11, Y:0.87, K:0.28. Its decimal value is 12034583.

Hex triplet	b7a217	`#b7a217`
RGB Decimal	183, 162, 23	`rgb(183,162,23)`
RGB Percent	71.8, 63.5, 9	`rgb(71.8%,63.5%,9%)`
CMYK	0, 11, 87, 28
HSL	52.1°, 77.7, 40.4	`hsl(52.1,77.7%,40.4%)`
HSV (or HSB)	52.1°, 87.4, 71.8
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.498, -5.584, 65.977
XYZ	32.604, 35.971, 6.036
xyY	0.437, 0.482, 35.971
CIE-LCH	66.498, 66.213, 94.838
CIE-LUV	66.498, 19.968, 69.258
Hunter-Lab	59.976, -7.922, 36.016
Binary	10110111, 10100010, 00010111

#b7a217
```
#b7a217 rgb(183,162,23)
```
#172cb7
```
#172cb7 rgb(23,44,183)
```

Complementary Color

#b75217
```
#b75217 rgb(183,82,23)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#7cb717
```
#7cb717 rgb(124,183,23)
```

Analogous Color

#5217b7
```
#5217b7 rgb(82,23,183)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#177cb7
```
#177cb7 rgb(23,124,183)
```

Split Complementary Color

#a217b7
```
#a217b7 rgb(162,23,183)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#17b7a2
```
#17b7a2 rgb(23,183,162)
```

Triadic Color

#b7172c
```
#b7172c rgb(183,23,44)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#17b7a2
```
#17b7a2 rgb(23,183,162)
```
#172cb7
```
#172cb7 rgb(23,44,183)
```

Tetradic Color

#73660e
```
#73660e rgb(115,102,14)
```
#8a7a11
```
#8a7a11 rgb(138,122,17)
```
#a08e14
```
#a08e14 rgb(160,142,20)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#ceb61a
```
#ceb61a rgb(206,182,26)
```
#e3c91e
```
#e3c91e rgb(227,201,30)
```
#e6ce35
```
#e6ce35 rgb(230,206,53)
```

Monochromatic Color

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

#b77a17
```
#b77a17 rgb(183,122,23)
```
#b78717
```
#b78717 rgb(183,135,23)
```
#b79517
```
#b79517 rgb(183,149,23)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#b7af17
```
#b7af17 rgb(183,175,23)
```
#b1b717
```
#b1b717 rgb(177,183,23)
```
#a4b717
```
#a4b717 rgb(164,183,23)
```

Similar Colors

Text with hexadecimal color #b7a217

This text has a font color of #b7a217.

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

#b7a217 background color

This paragraph has a background color of #b7a217.

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

#b7a217 border color

This element has a border color of #b7a217.

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

CSS codes

.text {color:#b7a217;}

.background {background-color:#b7a217;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1a1703
```
#1a1703 rgb(26,23,3)
```
#2c2705
```
#2c2705 rgb(44,39,5)
```
#3d3608
```
#3d3608 rgb(61,54,8)
```
#4e450a
```
#4e450a rgb(78,69,10)
```
#60550c
```
#60550c rgb(96,85,12)
```
#71640e
```
#71640e rgb(113,100,14)
```
#837410
```
#837410 rgb(131,116,16)
```
#948313
```
#948313 rgb(148,131,19)
```
#a69315
```
#a69315 rgb(166,147,21)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#c8b119
```
#c8b119 rgb(200,177,25)
```
#dac11b
```
#dac11b rgb(218,193,27)
```

Shade Color Variation

#e4cb25
```
#e4cb25 rgb(228,203,37)
```
#e6cf37
```
#e6cf37 rgb(230,207,55)
```
#e8d348
```
#e8d348 rgb(232,211,72)
```
#ead759
```
#ead759 rgb(234,215,89)
```
#ecdb6b
```
#ecdb6b rgb(236,219,107)
```
#efe07c
```
#efe07c rgb(239,224,124)
```
#f1e48e
```
#f1e48e rgb(241,228,142)
```
#f3e89f
```
#f3e89f rgb(243,232,159)
```
#f5ecb1
```
#f5ecb1 rgb(245,236,177)
```
#f7f0c2
```
#f7f0c2 rgb(247,240,194)
```
#faf5d3
```
#faf5d3 rgb(250,245,211)
```
#fcf9e5
```
#fcf9e5 rgb(252,249,229)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#686866
```
#686866 rgb(104,104,102)
```
#706d5e
```
#706d5e rgb(112,109,94)
```
#787356
```
#787356 rgb(120,115,86)
```
#80794e
```
#80794e rgb(128,121,78)
```
#877f47
```
#877f47 rgb(135,127,71)
```
#8f853f
```
#8f853f rgb(143,133,63)
```
#978b37
```
#978b37 rgb(151,139,55)
```
#9f902f
```
#9f902f rgb(159,144,47)
```
#a79627
```
#a79627 rgb(167,150,39)
```
#af9c1f
```
#af9c1f rgb(175,156,31)
```
#b7a217
```
#b7a217 rgb(183,162,23)
```
#bfa80f
```
#bfa80f rgb(191,168,15)
```
#c7ae07
```
#c7ae07 rgb(199,174,7)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9e9a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa623 Protanopia 1% of men
#cf9e29 Deuteranopia 1% of men
#c49ba6 Tritanopia 0.001% of the population

Trichromacy

#b9a51e Protanomaly 1% of men, 0.01% of women
#c69f22 Deuteranomaly 6% of men, 0.4% of women
#bf9e72 Tritanomaly 0.01% of the population

#b7a217 hex color

#b7a217 Color Information

#b7a217 Color Conversion

Color Schemes with #b7a217

Alternatives to #b7a217

#b7a217 Preview

Shades and Tints of #b7a217

Tones of #b7a217

Color Blindness Simulator