#b2a311 hex color

In a RGB color space, hex #b2a311 is composed of 69.8% red, 63.9% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 90.4% yellow and 30.2% black. It has a hue angle of 54.4 degrees, a saturation of 82.6% and a lightness of 38.2%. #b2a311 color hex could be obtained by blending #ffff22 with #654700. Closest websafe color is: #999900.

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

● #b2a311 color description : Dark yellow [Olive tone].

The hexadecimal color #b2a311 has RGB values of R:178, G:163, B:17 and CMYK values of C:0, M:0.08, Y:0.9, K:0.3. Its decimal value is 11707153.

Hex triplet	b2a311	`#b2a311`
RGB Decimal	178, 163, 17	`rgb(178,163,17)`
RGB Percent	69.8, 63.9, 6.7	`rgb(69.8%,63.9%,6.7%)`
CMYK	0, 8, 90, 30
HSL	54.4°, 82.6, 38.2	`hsl(54.4,82.6%,38.2%)`
HSV (or HSB)	54.4°, 90.4, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.291, -8.472, 66.806
XYZ	31.559, 35.701, 5.759
xyY	0.432, 0.489, 35.701
CIE-LCH	66.291, 67.341, 97.227
CIE-LUV	66.291, 15.674, 70.252
Hunter-Lab	59.75, -10.283, 36.111
Binary	10110010, 10100011, 00010001

#b2a311
```
#b2a311 rgb(178,163,17)
```
#1120b2
```
#1120b2 rgb(17,32,178)
```

Complementary Color

#b25311
```
#b25311 rgb(178,83,17)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#71b211
```
#71b211 rgb(113,178,17)
```

Analogous Color

#5211b2
```
#5211b2 rgb(82,17,178)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#1171b2
```
#1171b2 rgb(17,113,178)
```

Split Complementary Color

#a311b2
```
#a311b2 rgb(163,17,178)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#11b2a3
```
#11b2a3 rgb(17,178,163)
```

Triadic Color

#b21120
```
#b21120 rgb(178,17,32)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#11b2a3
```
#11b2a3 rgb(17,178,163)
```
#1120b2
```
#1120b2 rgb(17,32,178)
```

Tetradic Color

#6c630a
```
#6c630a rgb(108,99,10)
```
#83780d
```
#83780d rgb(131,120,13)
```
#9b8e0f
```
#9b8e0f rgb(155,142,15)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#c9b813
```
#c9b813 rgb(201,184,19)
```
#e1ce15
```
#e1ce15 rgb(225,206,21)
```
#ead825
```
#ead825 rgb(234,216,37)
```

Monochromatic Color

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

#b27b11
```
#b27b11 rgb(178,123,17)
```
#b28811
```
#b28811 rgb(178,136,17)
```
#b29611
```
#b29611 rgb(178,150,17)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#b2b011
```
#b2b011 rgb(178,176,17)
```
#a6b211
```
#a6b211 rgb(166,178,17)
```
#99b211
```
#99b211 rgb(153,178,17)
```

Similar Colors

Text with hexadecimal color #b2a311

This text has a font color of #b2a311.

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

#b2a311 background color

This paragraph has a background color of #b2a311.

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

#b2a311 border color

This element has a border color of #b2a311.

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

CSS codes

.text {color:#b2a311;}

.background {background-color:#b2a311;}

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

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, #110f02 is the darkest color, while #fffffe is the lightest one.

#110f02
```
#110f02 rgb(17,15,2)
```
#232003
```
#232003 rgb(35,32,3)
```
#353005
```
#353005 rgb(53,48,5)
```
#474107
```
#474107 rgb(71,65,7)
```
#585108
```
#585108 rgb(88,81,8)
```
#6a610a
```
#6a610a rgb(106,97,10)
```
#7c720c
```
#7c720c rgb(124,114,12)
```
#8e820e
```
#8e820e rgb(142,130,14)
```
#a0930f
```
#a0930f rgb(160,147,15)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#c4b313
```
#c4b313 rgb(196,179,19)
```
#d6c414
```
#d6c414 rgb(214,196,20)
```
#e8d416
```
#e8d416 rgb(232,212,22)
```

Shade Color Variation

#ead827
```
#ead827 rgb(234,216,39)
```
#ecdb39
```
#ecdb39 rgb(236,219,57)
```
#eedf4b
```
#eedf4b rgb(238,223,75)
```
#f0e25d
```
#f0e25d rgb(240,226,93)
```
#f1e56f
```
#f1e56f rgb(241,229,111)
```
#f3e881
```
#f3e881 rgb(243,232,129)
```
#f5eb93
```
#f5eb93 rgb(245,235,147)
```
#f6efa4
```
#f6efa4 rgb(246,239,164)
```
#f8f2b6
```
#f8f2b6 rgb(248,242,182)
```
#faf5c8
```
#faf5c8 rgb(250,245,200)
```
#fbf8da
```
#fbf8da rgb(251,248,218)
```
#fdfcec
```
#fdfcec rgb(253,252,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#67665c
```
#67665c rgb(103,102,92)
```
#6f6c55
```
#6f6c55 rgb(111,108,85)
```
#76724d
```
#76724d rgb(118,114,77)
```
#7e7846
```
#7e7846 rgb(126,120,70)
```
#857e3e
```
#857e3e rgb(133,126,62)
```
#8d8437
```
#8d8437 rgb(141,132,55)
```
#948b2f
```
#948b2f rgb(148,139,47)
```
#9c9128
```
#9c9128 rgb(156,145,40)
```
#a39720
```
#a39720 rgb(163,151,32)
```
#ab9d19
```
#ab9d19 rgb(171,157,25)
```
#b2a311
```
#b2a311 rgb(178,163,17)
```
#baa90a
```
#baa90a rgb(186,169,10)
```
#c1af02
```
#c1af02 rgb(193,175,2)
```

Tone Color Variation

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

Dichromacy

#baa61c Protanopia 1% of men
#cf9e25 Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

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

#b2a311 hex color

#b2a311 Color Information

#b2a311 Color Conversion

Color Schemes with #b2a311

Alternatives to #b2a311

#b2a311 Preview

Shades and Tints of #b2a311

Tones of #b2a311

Color Blindness Simulator