#b7a300 hex color

In a RGB color space, hex #b7a300 is composed of 71.8% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 100% yellow and 28.2% black. It has a hue angle of 53.4 degrees, a saturation of 100% and a lightness of 35.9%. #b7a300 color hex could be obtained by blending #ffff00 with #6f4700. Closest websafe color is: #cc9900.

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

● #b7a300 color description : Strong yellow.

The hexadecimal color #b7a300 has RGB values of R:183, G:163, B:0 and CMYK values of C:0, M:0.11, Y:1, K:0.28. Its decimal value is 12034816.

Hex triplet	b7a300	`#b7a300`
RGB Decimal	183, 163, 0	`rgb(183,163,0)`
RGB Percent	71.8, 63.9, 0	`rgb(71.8%,63.9%,0%)`
CMYK	0, 11, 100, 28
HSL	53.4°, 100, 35.9	`hsl(53.4,100%,35.9%)`
HSV (or HSB)	53.4°, 100, 71.8
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.72, -6.464, 69.684
XYZ	32.626, 36.263, 5.281
xyY	0.44, 0.489, 36.263
CIE-LCH	66.72, 69.983, 95.299
CIE-LUV	66.72, 19.475, 71.622
Hunter-Lab	60.219, -8.672, 36.954
Binary	10110111, 10100011, 00000000

#b7a300
```
#b7a300 rgb(183,163,0)
```
#0014b7
```
#0014b7 rgb(0,20,183)
```

Complementary Color

#b74800
```
#b74800 rgb(183,72,0)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```
#70b700
```
#70b700 rgb(112,183,0)
```

Analogous Color

#4800b7
```
#4800b7 rgb(72,0,183)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```
#0070b7
```
#0070b7 rgb(0,112,183)
```

Split Complementary Color

#a300b7
```
#a300b7 rgb(163,0,183)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```
#00b7a3
```
#00b7a3 rgb(0,183,163)
```

Triadic Color

#b70014
```
#b70014 rgb(183,0,20)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```
#00b7a3
```
#00b7a3 rgb(0,183,163)
```
#0014b7
```
#0014b7 rgb(0,20,183)
```

Tetradic Color

#6b5f00
```
#6b5f00 rgb(107,95,0)
```
#847600
```
#847600 rgb(132,118,0)
```
#9e8c00
```
#9e8c00 rgb(158,140,0)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```
#d1ba00
```
#d1ba00 rgb(209,186,0)
```
#ead000
```
#ead000 rgb(234,208,0)
```
#ffe404
```
#ffe404 rgb(255,228,4)
```

Monochromatic Color

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

#b77500
```
#b77500 rgb(183,117,0)
```
#b78500
```
#b78500 rgb(183,133,0)
```
#b79400
```
#b79400 rgb(183,148,0)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```
#b7b200
```
#b7b200 rgb(183,178,0)
```
#adb700
```
#adb700 rgb(173,183,0)
```
#9db700
```
#9db700 rgb(157,183,0)
```

Similar Colors

Text with hexadecimal color #b7a300

This text has a font color of #b7a300.

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

#b7a300 background color

This paragraph has a background color of #b7a300.

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

#b7a300 border color

This element has a border color of #b7a300.

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

CSS codes

.text {color:#b7a300;}

.background {background-color:#b7a300;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#1a1700
```
#1a1700 rgb(26,23,0)
```
#2e2900
```
#2e2900 rgb(46,41,0)
```
#413a00
```
#413a00 rgb(65,58,0)
```
#554c00
```
#554c00 rgb(85,76,0)
```
#695d00
```
#695d00 rgb(105,93,0)
```
#7c6f00
```
#7c6f00 rgb(124,111,0)
```
#908000
```
#908000 rgb(144,128,0)
```
#a39200
```
#a39200 rgb(163,146,0)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```
#cbb400
```
#cbb400 rgb(203,180,0)
```
#dec600
```
#dec600 rgb(222,198,0)
```
#f2d700
```
#f2d700 rgb(242,215,0)
```

Shade Color Variation

#ffe406
```
#ffe406 rgb(255,228,6)
```
#ffe61a
```
#ffe61a rgb(255,230,26)
```
#ffe82e
```
#ffe82e rgb(255,232,46)
```
#ffea41
```
#ffea41 rgb(255,234,65)
```
#ffec55
```
#ffec55 rgb(255,236,85)
```
#ffef69
```
#ffef69 rgb(255,239,105)
```
#fff17c
```
#fff17c rgb(255,241,124)
```
#fff390
```
#fff390 rgb(255,243,144)
```
#fff5a3
```
#fff5a3 rgb(255,245,163)
```
#fff7b7
```
#fff7b7 rgb(255,247,183)
```
#fff9cb
```
#fff9cb rgb(255,249,203)
```
#fffbde
```
#fffbde rgb(255,251,222)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#636154
```
#636154 rgb(99,97,84)
```
#6a674d
```
#6a674d rgb(106,103,77)
```
#716c46
```
#716c46 rgb(113,108,70)
```
#78723f
```
#78723f rgb(120,114,63)
```
#7f7738
```
#7f7738 rgb(127,119,56)
```
#867d31
```
#867d31 rgb(134,125,49)
```
#8d822a
```
#8d822a rgb(141,130,42)
```
#948823
```
#948823 rgb(148,136,35)
```
#9b8d1c
```
#9b8d1c rgb(155,141,28)
```
#a29315
```
#a29315 rgb(162,147,21)
```
#a9980e
```
#a9980e rgb(169,152,14)
```
#b09e07
```
#b09e07 rgb(176,158,7)
```
#b7a300
```
#b7a300 rgb(183,163,0)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9d9978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba700 Protanopia 1% of men
#d09f19 Deuteranopia 1% of men
#c49ca7 Tritanopia 0.001% of the population

Trichromacy

#b9a500 Protanomaly 1% of men, 0.01% of women
#c7a010 Deuteranomaly 6% of men, 0.4% of women
#bf9e6a Tritanomaly 0.01% of the population

#b7a300 hex color

#b7a300 Color Information

#b7a300 Color Conversion

Color Schemes with #b7a300

Alternatives to #b7a300

#b7a300 Preview

Shades and Tints of #b7a300

Tones of #b7a300

Color Blindness Simulator