#b3a311 hex color

In a RGB color space, hex #b3a311 is composed of 70.2% red, 63.9% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 90.5% yellow and 29.8% black. It has a hue angle of 54.1 degrees, a saturation of 82.7% and a lightness of 38.4%. #b3a311 color hex could be obtained by blending #ffff22 with #674700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 70
- G 64
- B 7
RGB color chart
- C 0
- M 9
- Y 91
- K 30
CMYK color chart

● #b3a311 color description : Strong yellow.

The hexadecimal color #b3a311 has RGB values of R:179, G:163, B:17 and CMYK values of C:0, M:0.09, Y:0.91, K:0.3. Its decimal value is 11772689.

Hex triplet	b3a311	`#b3a311`
RGB Decimal	179, 163, 17	`rgb(179,163,17)`
RGB Percent	70.2, 63.9, 6.7	`rgb(70.2%,63.9%,6.7%)`
CMYK	0, 9, 91, 30
HSL	54.1°, 82.7, 38.4	`hsl(54.1,82.7%,38.4%)`
HSV (or HSB)	54.1°, 90.5, 70.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.382, -8.024, 66.917
XYZ	31.789, 35.82, 5.77
xyY	0.433, 0.488, 35.82
CIE-LCH	66.382, 67.396, 96.838
CIE-LUV	66.382, 16.401, 70.268
Hunter-Lab	59.849, -9.926, 36.179
Binary	10110011, 10100011, 00010001

#b3a311
```
#b3a311 rgb(179,163,17)
```
#1121b3
```
#1121b3 rgb(17,33,179)
```

Complementary Color

#b35211
```
#b35211 rgb(179,82,17)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#72b311
```
#72b311 rgb(114,179,17)
```

Analogous Color

#5211b3
```
#5211b3 rgb(82,17,179)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#1172b3
```
#1172b3 rgb(17,114,179)
```

Split Complementary Color

#a311b3
```
#a311b3 rgb(163,17,179)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#11b3a3
```
#11b3a3 rgb(17,179,163)
```

Triadic Color

#b31121
```
#b31121 rgb(179,17,33)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#11b3a3
```
#11b3a3 rgb(17,179,163)
```
#1121b3
```
#1121b3 rgb(17,33,179)
```

Tetradic Color

#6d630a
```
#6d630a rgb(109,99,10)
```
#84790d
```
#84790d rgb(132,121,13)
```
#9c8e0f
```
#9c8e0f rgb(156,142,15)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#cab813
```
#cab813 rgb(202,184,19)
```
#e2cd15
```
#e2cd15 rgb(226,205,21)
```
#ead726
```
#ead726 rgb(234,215,38)
```

Monochromatic Color

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

#b37b11
```
#b37b11 rgb(179,123,17)
```
#b38811
```
#b38811 rgb(179,136,17)
```
#b39611
```
#b39611 rgb(179,150,17)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#b3b111
```
#b3b111 rgb(179,177,17)
```
#a8b311
```
#a8b311 rgb(168,179,17)
```
#9bb311
```
#9bb311 rgb(155,179,17)
```

Similar Colors

Text with hexadecimal color #b3a311

This text has a font color of #b3a311.

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

#b3a311 background color

This paragraph has a background color of #b3a311.

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

#b3a311 border color

This element has a border color of #b3a311.

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

CSS codes

.text {color:#b3a311;}

.background {background-color:#b3a311;}

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

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

#121002
```
#121002 rgb(18,16,2)
```
#242003
```
#242003 rgb(36,32,3)
```
#363105
```
#363105 rgb(54,49,5)
```
#484107
```
#484107 rgb(72,65,7)
```
#595108
```
#595108 rgb(89,81,8)
```
#6b620a
```
#6b620a rgb(107,98,10)
```
#7d720c
```
#7d720c rgb(125,114,12)
```
#8f820e
```
#8f820e rgb(143,130,14)
```
#a1930f
```
#a1930f rgb(161,147,15)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#c5b313
```
#c5b313 rgb(197,179,19)
```
#d7c414
```
#d7c414 rgb(215,196,20)
```
#e9d416
```
#e9d416 rgb(233,212,22)
```

Shade Color Variation

#ebd728
```
#ebd728 rgb(235,215,40)
```
#ecdb3a
```
#ecdb3a rgb(236,219,58)
```
#eede4c
```
#eede4c rgb(238,222,76)
```
#f0e15e
```
#f0e15e rgb(240,225,94)
```
#f1e570
```
#f1e570 rgb(241,229,112)
```
#f3e881
```
#f3e881 rgb(243,232,129)
```
#f5eb93
```
#f5eb93 rgb(245,235,147)
```
#f6eea5
```
#f6eea5 rgb(246,238,165)
```
#f8f2b7
```
#f8f2b7 rgb(248,242,183)
```
#faf5c9
```
#faf5c9 rgb(250,245,201)
```
#fcf8db
```
#fcf8db rgb(252,248,219)
```
#fdfced
```
#fdfced rgb(253,252,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68675c
```
#68675c rgb(104,103,92)
```
#6f6d55
```
#6f6d55 rgb(111,109,85)
```
#77734d
```
#77734d rgb(119,115,77)
```
#7e7946
```
#7e7946 rgb(126,121,70)
```
#867f3e
```
#867f3e rgb(134,127,62)
```
#8d8537
```
#8d8537 rgb(141,133,55)
```
#958b2f
```
#958b2f rgb(149,139,47)
```
#9c9128
```
#9c9128 rgb(156,145,40)
```
#a49720
```
#a49720 rgb(164,151,32)
```
#ab9d19
```
#ab9d19 rgb(171,157,25)
```
#b3a311
```
#b3a311 rgb(179,163,17)
```
#bba909
```
#bba909 rgb(187,169,9)
```
#c2af02
```
#c2af02 rgb(194,175,2)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d997c Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa61d Protanopia 1% of men
#cf9e25 Deuteranopia 1% of men
#c19ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a518 Protanomaly 1% of men, 0.01% of women
#c5a01e Deuteranomaly 6% of men, 0.4% of women
#bc9f70 Tritanomaly 0.01% of the population

#b3a311 hex color

#b3a311 Color Information

#b3a311 Color Conversion

Color Schemes with #b3a311

Alternatives to #b3a311

#b3a311 Preview

Shades and Tints of #b3a311

Tones of #b3a311

Color Blindness Simulator