#b2a301 hex color

In a RGB color space, hex #b2a301 is composed of 69.8% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 99.4% yellow and 30.2% black. It has a hue angle of 54.9 degrees, a saturation of 98.9% and a lightness of 35.1%. #b2a301 color hex could be obtained by blending #ffff02 with #654700. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a301 has RGB values of R:178, G:163, B:1 and CMYK values of C:0, M:0.08, Y:0.99, K:0.3. Its decimal value is 11707137.

Hex triplet	b2a301	`#b2a301`
RGB Decimal	178, 163, 1	`rgb(178,163,1)`
RGB Percent	69.8, 63.9, 0.4	`rgb(69.8%,63.9%,0.4%)`
CMYK	0, 8, 99, 30
HSL	54.9°, 98.9, 35.1	`hsl(54.9,98.9%,35.1%)`
HSV (or HSB)	54.9°, 99.4, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.261, -8.695, 69.012
XYZ	31.463, 35.663, 5.255
xyY	0.435, 0.493, 35.663
CIE-LCH	66.261, 69.558, 97.181
CIE-LUV	66.261, 15.798, 71.486
Hunter-Lab	59.718, -10.462, 36.585
Binary	10110010, 10100011, 00000001

#b2a301
```
#b2a301 rgb(178,163,1)
```
#0110b2
```
#0110b2 rgb(1,16,178)
```

Complementary Color

#b24a01
```
#b24a01 rgb(178,74,1)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```
#69b201
```
#69b201 rgb(105,178,1)
```

Analogous Color

#4a01b2
```
#4a01b2 rgb(74,1,178)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```
#0169b2
```
#0169b2 rgb(1,105,178)
```

Split Complementary Color

#a301b2
```
#a301b2 rgb(163,1,178)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```
#01b2a3
```
#01b2a3 rgb(1,178,163)
```

Triadic Color

#b20110
```
#b20110 rgb(178,1,16)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```
#01b2a3
```
#01b2a3 rgb(1,178,163)
```
#0110b2
```
#0110b2 rgb(1,16,178)
```

Tetradic Color

#665d01
```
#665d01 rgb(102,93,1)
```
#7f7501
```
#7f7501 rgb(127,117,1)
```
#998c01
```
#998c01 rgb(153,140,1)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```
#cbba01
```
#cbba01 rgb(203,186,1)
```
#e5d101
```
#e5d101 rgb(229,209,1)
```
#fee802
```
#fee802 rgb(254,232,2)
```

Monochromatic Color

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

#b27701
```
#b27701 rgb(178,119,1)
```
#b28601
```
#b28601 rgb(178,134,1)
```
#b29401
```
#b29401 rgb(178,148,1)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```
#b2b201
```
#b2b201 rgb(178,178,1)
```
#a4b201
```
#a4b201 rgb(164,178,1)
```
#95b201
```
#95b201 rgb(149,178,1)
```

Similar Colors

Text with hexadecimal color #b2a301

This text has a font color of #b2a301.

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

#b2a301 background color

This paragraph has a background color of #b2a301.

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

#b2a301 border color

This element has a border color of #b2a301.

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

CSS codes

.text {color:#b2a301;}

.background {background-color:#b2a301;}

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

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 #fffdee is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#161400
```
#161400 rgb(22,20,0)
```
#292600
```
#292600 rgb(41,38,0)
```
#3d3800
```
#3d3800 rgb(61,56,0)
```
#504a00
```
#504a00 rgb(80,74,0)
```
#645c01
```
#645c01 rgb(100,92,1)
```
#776d01
```
#776d01 rgb(119,109,1)
```
#8b7f01
```
#8b7f01 rgb(139,127,1)
```
#9e9101
```
#9e9101 rgb(158,145,1)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```
#c6b501
```
#c6b501 rgb(198,181,1)
```
#d9c701
```
#d9c701 rgb(217,199,1)
```
#edd901
```
#edd901 rgb(237,217,1)
```

Shade Color Variation

#fee804
```
#fee804 rgb(254,232,4)
```
#feea17
```
#feea17 rgb(254,234,23)
```
#feec2b
```
#feec2b rgb(254,236,43)
```
#feee3e
```
#feee3e rgb(254,238,62)
```
#feef52
```
#feef52 rgb(254,239,82)
```
#fef165
```
#fef165 rgb(254,241,101)
```
#fef379
```
#fef379 rgb(254,243,121)
```
#fef58c
```
#fef58c rgb(254,245,140)
```
#fef6a0
```
#fef6a0 rgb(254,246,160)
```
#fff8b3
```
#fff8b3 rgb(255,248,179)
```
#fffac7
```
#fffac7 rgb(255,250,199)
```
#fffcda
```
#fffcda rgb(255,252,218)
```
#fffdee
```
#fffdee rgb(255,253,238)
```

Tint Color Variation

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

#5f5e54
```
#5f5e54 rgb(95,94,84)
```
#66644d
```
#66644d rgb(102,100,77)
```
#6d6a46
```
#6d6a46 rgb(109,106,70)
```
#74703f
```
#74703f rgb(116,112,63)
```
#7b7538
```
#7b7538 rgb(123,117,56)
```
#827b31
```
#827b31 rgb(130,123,49)
```
#89812a
```
#89812a rgb(137,129,42)
```
#908623
```
#908623 rgb(144,134,35)
```
#968c1d
```
#968c1d rgb(150,140,29)
```
#9d9216
```
#9d9216 rgb(157,146,22)
```
#a4980f
```
#a4980f rgb(164,152,15)
```
#ab9d08
```
#ab9d08 rgb(171,157,8)
```
#b2a301
```
#b2a301 rgb(178,163,1)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9b9877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa606 Protanopia 1% of men
#cf9d1b Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a504 Protanomaly 1% of men, 0.01% of women
#c49f12 Deuteranomaly 6% of men, 0.4% of women
#bb9e6b Tritanomaly 0.01% of the population

#b2a301 hex color

#b2a301 Color Information

#b2a301 Color Conversion

Color Schemes with #b2a301

Alternatives to #b2a301

#b2a301 Preview

Shades and Tints of #b2a301

Tones of #b2a301

Color Blindness Simulator