#b7af23 hex color

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

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

● #b7af23 color description : Strong yellow.

The hexadecimal color #b7af23 has RGB values of R:183, G:175, B:35 and CMYK values of C:0, M:0.04, Y:0.81, K:0.28. Its decimal value is 12037923.

Hex triplet	b7af23	`#b7af23`
RGB Decimal	183, 175, 35	`rgb(183,175,35)`
RGB Percent	71.8, 68.6, 13.7	`rgb(71.8%,68.6%,13.7%)`
CMYK	0, 4, 81, 28
HSL	56.8°, 67.9, 42.7	`hsl(56.8,67.9%,42.7%)`
HSV (or HSB)	56.8°, 80.9, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.07, -12.058, 65.969
XYZ	35.162, 40.849, 7.623
xyY	0.42, 0.488, 40.849
CIE-LCH	70.07, 67.062, 100.359
CIE-LUV	70.07, 10.786, 72.651
Hunter-Lab	63.914, -13.647, 37.668
Binary	10110111, 10101111, 00100011

#b7af23
```
#b7af23 rgb(183,175,35)
```
#232bb7
```
#232bb7 rgb(35,43,183)
```

Complementary Color

#b76523
```
#b76523 rgb(183,101,35)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#75b723
```
#75b723 rgb(117,183,35)
```

Analogous Color

#6523b7
```
#6523b7 rgb(101,35,183)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#2375b7
```
#2375b7 rgb(35,117,183)
```

Split Complementary Color

#af23b7
```
#af23b7 rgb(175,35,183)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#23b7af
```
#23b7af rgb(35,183,175)
```

Triadic Color

#b7232b
```
#b7232b rgb(183,35,43)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#23b7af
```
#23b7af rgb(35,183,175)
```
#232bb7
```
#232bb7 rgb(35,43,183)
```

Tetradic Color

#777217
```
#777217 rgb(119,114,23)
```
#8c861b
```
#8c861b rgb(140,134,27)
```
#a29b1f
```
#a29b1f rgb(162,155,31)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#ccc327
```
#ccc327 rgb(204,195,39)
```
#d8cf35
```
#d8cf35 rgb(216,207,53)
```
#dcd44a
```
#dcd44a rgb(220,212,74)
```

Monochromatic Color

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

#b78a23
```
#b78a23 rgb(183,138,35)
```
#b79623
```
#b79623 rgb(183,150,35)
```
#b7a323
```
#b7a323 rgb(183,163,35)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#b3b723
```
#b3b723 rgb(179,183,35)
```
#a6b723
```
#a6b723 rgb(166,183,35)
```
#9ab723
```
#9ab723 rgb(154,183,35)
```

Similar Colors

Text with hexadecimal color #b7af23

This text has a font color of #b7af23.

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

#b7af23 background color

This paragraph has a background color of #b7af23.

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

#b7af23 border color

This element has a border color of #b7af23.

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

CSS codes

.text {color:#b7af23;}

.background {background-color:#b7af23;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121204
```
#121204 rgb(18,18,4)
```
#232107
```
#232107 rgb(35,33,7)
```
#33310a
```
#33310a rgb(51,49,10)
```
#44410d
```
#44410d rgb(68,65,13)
```
#545110
```
#545110 rgb(84,81,16)
```
#656013
```
#656013 rgb(101,96,19)
```
#757016
```
#757016 rgb(117,112,22)
```
#86801a
```
#86801a rgb(134,128,26)
```
#96901d
```
#96901d rgb(150,144,29)
```
#a79f20
```
#a79f20 rgb(167,159,32)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#c7bf26
```
#c7bf26 rgb(199,191,38)
```

Shade Color Variation

#d6cd2b
```
#d6cd2b rgb(214,205,43)
```
#dad13b
```
#dad13b rgb(218,209,59)
```
#ddd54c
```
#ddd54c rgb(221,213,76)
```
#e0d95c
```
#e0d95c rgb(224,217,92)
```
#e3dd6d
```
#e3dd6d rgb(227,221,109)
```
#e6e07d
```
#e6e07d rgb(230,224,125)
```
#e9e48e
```
#e9e48e rgb(233,228,142)
```
#ece89e
```
#ece89e rgb(236,232,158)
```
#f0ecaf
```
#f0ecaf rgb(240,236,175)
```
#f3f0bf
```
#f3f0bf rgb(243,240,191)
```
#f6f4cf
```
#f6f4cf rgb(246,244,207)
```
#f9f8e0
```
#f9f8e0 rgb(249,248,224)
```
#fcfcf0
```
#fcfcf0 rgb(252,252,240)
```

Tint Color Variation

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

#747366
```
#747366 rgb(116,115,102)
```
#7c7b5e
```
#7c7b5e rgb(124,123,94)
```
#858255
```
#858255 rgb(133,130,85)
```
#8d8a4d
```
#8d8a4d rgb(141,138,77)
```
#959145
```
#959145 rgb(149,145,69)
```
#9e993c
```
#9e993c rgb(158,153,60)
```
#a6a034
```
#a6a034 rgb(166,160,52)
```
#afa82b
```
#afa82b rgb(175,168,43)
```
#b7af23
```
#b7af23 rgb(183,175,35)
```
#bfb61b
```
#bfb61b rgb(191,182,27)
```
#c8be12
```
#c8be12 rgb(200,190,18)
```
#d0c50a
```
#d0c50a rgb(208,197,10)
```
#d9cd01
```
#d9cd01 rgb(217,205,1)
```

Tone Color Variation

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

Dichromacy

#c4af2d Protanopia 1% of men
#daa735 Deuteranopia 1% of men
#c6a7b3 Tritanopia 0.001% of the population

Trichromacy

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

#b7af23 hex color

#b7af23 Color Information

#b7af23 Color Conversion

Color Schemes with #b7af23

Alternatives to #b7af23

#b7af23 Preview

Shades and Tints of #b7af23

Tones of #b7af23

Color Blindness Simulator