#b2a310 hex color

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

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

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

The hexadecimal color #b2a310 has RGB values of R:178, G:163, B:16 and CMYK values of C:0, M:0.08, Y:0.91, K:0.3. Its decimal value is 11707152.

Hex triplet	b2a310	`#b2a310`
RGB Decimal	178, 163, 16	`rgb(178,163,16)`
RGB Percent	69.8, 63.9, 6.3	`rgb(69.8%,63.9%,6.3%)`
CMYK	0, 8, 91, 30
HSL	54.4°, 83.5, 38	`hsl(54.4,83.5%,38%)`
HSV (or HSB)	54.4°, 91, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.288, -8.49, 66.978
XYZ	31.551, 35.698, 5.719
xyY	0.432, 0.489, 35.698
CIE-LCH	66.288, 67.514, 97.224
CIE-LUV	66.288, 15.684, 70.351
Hunter-Lab	59.748, -10.297, 36.148
Binary	10110010, 10100011, 00010000

#b2a310
```
#b2a310 rgb(178,163,16)
```
#101fb2
```
#101fb2 rgb(16,31,178)
```

Complementary Color

#b25210
```
#b25210 rgb(178,82,16)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#70b210
```
#70b210 rgb(112,178,16)
```

Analogous Color

#5210b2
```
#5210b2 rgb(82,16,178)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#1070b2
```
#1070b2 rgb(16,112,178)
```

Split Complementary Color

#a310b2
```
#a310b2 rgb(163,16,178)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#10b2a3
```
#10b2a3 rgb(16,178,163)
```

Triadic Color

#b2101f
```
#b2101f rgb(178,16,31)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#10b2a3
```
#10b2a3 rgb(16,178,163)
```
#101fb2
```
#101fb2 rgb(16,31,178)
```

Tetradic Color

#6c630a
```
#6c630a rgb(108,99,10)
```
#83780c
```
#83780c rgb(131,120,12)
```
#9b8e0e
```
#9b8e0e rgb(155,142,14)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#c9b812
```
#c9b812 rgb(201,184,18)
```
#e1ce14
```
#e1ce14 rgb(225,206,20)
```
#ebd923
```
#ebd923 rgb(235,217,35)
```

Monochromatic Color

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

#b27b10
```
#b27b10 rgb(178,123,16)
```
#b28810
```
#b28810 rgb(178,136,16)
```
#b29610
```
#b29610 rgb(178,150,16)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#b2b110
```
#b2b110 rgb(178,177,16)
```
#a6b210
```
#a6b210 rgb(166,178,16)
```
#99b210
```
#99b210 rgb(153,178,16)
```

Similar Colors

Text with hexadecimal color #b2a310

This text has a font color of #b2a310.

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

#b2a310 background color

This paragraph has a background color of #b2a310.

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

#b2a310 border color

This element has a border color of #b2a310.

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

CSS codes

.text {color:#b2a310;}

.background {background-color:#b2a310;}

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

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, #100f01 is the darkest color, while #fffffd is the lightest one.

#100f01
```
#100f01 rgb(16,15,1)
```
#221f03
```
#221f03 rgb(34,31,3)
```
#343005
```
#343005 rgb(52,48,5)
```
#464006
```
#464006 rgb(70,64,6)
```
#585108
```
#585108 rgb(88,81,8)
```
#6a610a
```
#6a610a rgb(106,97,10)
```
#7c720b
```
#7c720b rgb(124,114,11)
```
#8e820d
```
#8e820d rgb(142,130,13)
```
#a0930e
```
#a0930e rgb(160,147,14)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#d6c413
```
#d6c413 rgb(214,196,19)
```
#e8d415
```
#e8d415 rgb(232,212,21)
```

Shade Color Variation

#ebd925
```
#ebd925 rgb(235,217,37)
```
#eddc37
```
#eddc37 rgb(237,220,55)
```
#efdf49
```
#efdf49 rgb(239,223,73)
```
#f0e25b
```
#f0e25b rgb(240,226,91)
```
#f2e66d
```
#f2e66d rgb(242,230,109)
```
#f3e97f
```
#f3e97f rgb(243,233,127)
```
#f5ec91
```
#f5ec91 rgb(245,236,145)
```
#f7efa3
```
#f7efa3 rgb(247,239,163)
```
#f8f2b5
```
#f8f2b5 rgb(248,242,181)
```
#faf5c7
```
#faf5c7 rgb(250,245,199)
```
#fcf8d9
```
#fcf8d9 rgb(252,248,217)
```
#fdfceb
```
#fdfceb rgb(253,252,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#67665b
```
#67665b rgb(103,102,91)
```
#6f6c53
```
#6f6c53 rgb(111,108,83)
```
#76724c
```
#76724c rgb(118,114,76)
```
#7e7844
```
#7e7844 rgb(126,120,68)
```
#857f3d
```
#857f3d rgb(133,127,61)
```
#8d8535
```
#8d8535 rgb(141,133,53)
```
#948b2e
```
#948b2e rgb(148,139,46)
```
#9c9126
```
#9c9126 rgb(156,145,38)
```
#a3971f
```
#a3971f rgb(163,151,31)
```
#ab9d17
```
#ab9d17 rgb(171,157,23)
```
#b2a310
```
#b2a310 rgb(178,163,16)
```
#b9a909
```
#b9a909 rgb(185,169,9)
```
#c1af01
```
#c1af01 rgb(193,175,1)
```

Tone Color Variation

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

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

Trichromacy

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

#b2a310 hex color

#b2a310 Color Information

#b2a310 Color Conversion

Color Schemes with #b2a310

Alternatives to #b2a310

#b2a310 Preview

Shades and Tints of #b2a310

Tones of #b2a310

Color Blindness Simulator