#b2a304 hex color

In a RGB color space, hex #b2a304 is composed of 69.8% red, 63.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 97.8% yellow and 30.2% black. It has a hue angle of 54.8 degrees, a saturation of 95.6% and a lightness of 35.7%. #b2a304 color hex could be obtained by blending #ffff08 with #654700. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a304 has RGB values of R:178, G:163, B:4 and CMYK values of C:0, M:0.08, Y:0.98, K:0.3. Its decimal value is 11707140.

Hex triplet	b2a304	`#b2a304`
RGB Decimal	178, 163, 4	`rgb(178,163,4)`
RGB Percent	69.8, 63.9, 1.6	`rgb(69.8%,63.9%,1.6%)`
CMYK	0, 8, 98, 30
HSL	54.8°, 95.6, 35.7	`hsl(54.8,95.6%,35.7%)`
HSV (or HSB)	54.8°, 97.8, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.266, -8.657, 68.624
XYZ	31.479, 35.669, 5.342
xyY	0.434, 0.492, 35.669
CIE-LCH	66.266, 69.167, 97.19
CIE-LUV	66.266, 15.776, 71.274
Hunter-Lab	59.724, -10.431, 36.504
Binary	10110010, 10100011, 00000100

#b2a304
```
#b2a304 rgb(178,163,4)
```
#0413b2
```
#0413b2 rgb(4,19,178)
```

Complementary Color

#b24c04
```
#b24c04 rgb(178,76,4)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```
#6ab204
```
#6ab204 rgb(106,178,4)
```

Analogous Color

#4c04b2
```
#4c04b2 rgb(76,4,178)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```
#046ab2
```
#046ab2 rgb(4,106,178)
```

Split Complementary Color

#a304b2
```
#a304b2 rgb(163,4,178)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```
#04b2a3
```
#04b2a3 rgb(4,178,163)
```

Triadic Color

#b20413
```
#b20413 rgb(178,4,19)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```
#04b2a3
```
#04b2a3 rgb(4,178,163)
```
#0413b2
```
#0413b2 rgb(4,19,178)
```

Tetradic Color

#675e02
```
#675e02 rgb(103,94,2)
```
#807503
```
#807503 rgb(128,117,3)
```
#998c03
```
#998c03 rgb(153,140,3)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```
#cbba05
```
#cbba05 rgb(203,186,5)
```
#e4d105
```
#e4d105 rgb(228,209,5)
```
#f9e509
```
#f9e509 rgb(249,229,9)
```

Monochromatic Color

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

#b27804
```
#b27804 rgb(178,120,4)
```
#b28604
```
#b28604 rgb(178,134,4)
```
#b29504
```
#b29504 rgb(178,149,4)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```
#b2b204
```
#b2b204 rgb(178,178,4)
```
#a4b204
```
#a4b204 rgb(164,178,4)
```
#96b204
```
#96b204 rgb(150,178,4)
```

Similar Colors

Text with hexadecimal color #b2a304

This text has a font color of #b2a304.

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

#b2a304 background color

This paragraph has a background color of #b2a304.

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

#b2a304 border color

This element has a border color of #b2a304.

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

CSS codes

.text {color:#b2a304;}

.background {background-color:#b2a304;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#191601
```
#191601 rgb(25,22,1)
```
#2c2801
```
#2c2801 rgb(44,40,1)
```
#3f3a01
```
#3f3a01 rgb(63,58,1)
```
#524b02
```
#524b02 rgb(82,75,2)
```
#655d02
```
#655d02 rgb(101,93,2)
```
#786e03
```
#786e03 rgb(120,110,3)
```
#8c8003
```
#8c8003 rgb(140,128,3)
```
#9f9104
```
#9f9104 rgb(159,145,4)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```
#c5b504
```
#c5b504 rgb(197,181,4)
```
#d8c605
```
#d8c605 rgb(216,198,5)
```
#ecd805
```
#ecd805 rgb(236,216,5)
```

Shade Color Variation

#fae50b
```
#fae50b rgb(250,229,11)
```
#fae71e
```
#fae71e rgb(250,231,30)
```
#fae931
```
#fae931 rgb(250,233,49)
```
#fbeb44
```
#fbeb44 rgb(251,235,68)
```
#fbed58
```
#fbed58 rgb(251,237,88)
```
#fcef6b
```
#fcef6b rgb(252,239,107)
```
#fcf17e
```
#fcf17e rgb(252,241,126)
```
#fdf391
```
#fdf391 rgb(253,243,145)
```
#fdf5a4
```
#fdf5a4 rgb(253,245,164)
```
#fdf7b8
```
#fdf7b8 rgb(253,247,184)
```
#fef9cb
```
#fef9cb rgb(254,249,203)
```
#fefbde
```
#fefbde rgb(254,251,222)
```
#fffef1
```
#fffef1 rgb(255,254,241)
```

Tint Color Variation

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

#5e5d58
```
#5e5d58 rgb(94,93,88)
```
#656351
```
#656351 rgb(101,99,81)
```
#6c694a
```
#6c694a rgb(108,105,74)
```
#736f43
```
#736f43 rgb(115,111,67)
```
#7a753c
```
#7a753c rgb(122,117,60)
```
#817a35
```
#817a35 rgb(129,122,53)
```
#88802e
```
#88802e rgb(136,128,46)
```
#8f8627
```
#8f8627 rgb(143,134,39)
```
#968c20
```
#968c20 rgb(150,140,32)
```
#9d9219
```
#9d9219 rgb(157,146,25)
```
#a49712
```
#a49712 rgb(164,151,18)
```
#ab9d0b
```
#ab9d0b rgb(171,157,11)
```
#b2a304
```
#b2a304 rgb(178,163,4)
```

Tone Color Variation

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

Dichromacy

#baa60e Protanopia 1% of men
#cf9e1d Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a50a Protanomaly 1% of men, 0.01% of women
#c49f14 Deuteranomaly 6% of men, 0.4% of women
#bb9e6c Tritanomaly 0.01% of the population

#b2a304 hex color

#b2a304 Color Information

#b2a304 Color Conversion

Color Schemes with #b2a304

Alternatives to #b2a304

#b2a304 Preview

Shades and Tints of #b2a304

Tones of #b2a304

Color Blindness Simulator