#b2a30f hex color

In a RGB color space, hex #b2a30f is composed of 69.8% red, 63.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 91.6% yellow and 30.2% black. It has a hue angle of 54.5 degrees, a saturation of 84.5% and a lightness of 37.8%. #b2a30f color hex could be obtained by blending #ffff1e with #654700. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a30f has RGB values of R:178, G:163, B:15 and CMYK values of C:0, M:0.08, Y:0.92, K:0.3. Its decimal value is 11707151.

Hex triplet	b2a30f	`#b2a30f`
RGB Decimal	178, 163, 15	`rgb(178,163,15)`
RGB Percent	69.8, 63.9, 5.9	`rgb(69.8%,63.9%,5.9%)`
CMYK	0, 8, 92, 30
HSL	54.5°, 84.5, 37.8	`hsl(54.5,84.5%,37.8%)`
HSV (or HSB)	54.5°, 91.6, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.286, -8.507, 67.142
XYZ	31.544, 35.695, 5.68
xyY	0.433, 0.49, 35.695
CIE-LCH	66.286, 67.679, 97.221
CIE-LUV	66.286, 15.693, 70.445
Hunter-Lab	59.745, -10.311, 36.185
Binary	10110010, 10100011, 00001111

#b2a30f
```
#b2a30f rgb(178,163,15)
```
#0f1eb2
```
#0f1eb2 rgb(15,30,178)
```

Complementary Color

#b2520f
```
#b2520f rgb(178,82,15)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#70b20f
```
#70b20f rgb(112,178,15)
```

Analogous Color

#520fb2
```
#520fb2 rgb(82,15,178)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#0f70b2
```
#0f70b2 rgb(15,112,178)
```

Split Complementary Color

#a30fb2
```
#a30fb2 rgb(163,15,178)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#0fb2a3
```
#0fb2a3 rgb(15,178,163)
```

Triadic Color

#b20f1e
```
#b20f1e rgb(178,15,30)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#0fb2a3
```
#0fb2a3 rgb(15,178,163)
```
#0f1eb2
```
#0f1eb2 rgb(15,30,178)
```

Tetradic Color

#6b6209
```
#6b6209 rgb(107,98,9)
```
#83780b
```
#83780b rgb(131,120,11)
```
#9a8d0d
```
#9a8d0d rgb(154,141,13)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#cab911
```
#cab911 rgb(202,185,17)
```
#e1ce13
```
#e1ce13 rgb(225,206,19)
```
#ecda21
```
#ecda21 rgb(236,218,33)
```

Monochromatic Color

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

#b27a0f
```
#b27a0f rgb(178,122,15)
```
#b2880f
```
#b2880f rgb(178,136,15)
```
#b2950f
```
#b2950f rgb(178,149,15)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#b2b10f
```
#b2b10f rgb(178,177,15)
```
#a6b20f
```
#a6b20f rgb(166,178,15)
```
#98b20f
```
#98b20f rgb(152,178,15)
```

Similar Colors

Text with hexadecimal color #b2a30f

This text has a font color of #b2a30f.

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

#b2a30f background color

This paragraph has a background color of #b2a30f.

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

#b2a30f border color

This element has a border color of #b2a30f.

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

CSS codes

.text {color:#b2a30f;}

.background {background-color:#b2a30f;}

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

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, #0f0e01 is the darkest color, while #fffffc is the lightest one.

#0f0e01
```
#0f0e01 rgb(15,14,1)
```
#211e03
```
#211e03 rgb(33,30,3)
```
#332f04
```
#332f04 rgb(51,47,4)
```
#454006
```
#454006 rgb(69,64,6)
```
#585007
```
#585007 rgb(88,80,7)
```
#6a6109
```
#6a6109 rgb(106,97,9)
```
#7c710a
```
#7c710a rgb(124,113,10)
```
#8e820c
```
#8e820c rgb(142,130,12)
```
#a0920d
```
#a0920d rgb(160,146,13)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#c4b411
```
#c4b411 rgb(196,180,17)
```
#d6c412
```
#d6c412 rgb(214,196,18)
```
#e8d514
```
#e8d514 rgb(232,213,20)
```

Shade Color Variation

#ecda23
```
#ecda23 rgb(236,218,35)
```
#eedd35
```
#eedd35 rgb(238,221,53)
```
#f0e047
```
#f0e047 rgb(240,224,71)
```
#f1e359
```
#f1e359 rgb(241,227,89)
```
#f3e66b
```
#f3e66b rgb(243,230,107)
```
#f4e97d
```
#f4e97d rgb(244,233,125)
```
#f6ec90
```
#f6ec90 rgb(246,236,144)
```
#f7efa2
```
#f7efa2 rgb(247,239,162)
```
#f9f2b4
```
#f9f2b4 rgb(249,242,180)
```
#faf5c6
```
#faf5c6 rgb(250,245,198)
```
#fcf8d8
```
#fcf8d8 rgb(252,248,216)
```
#fdfbea
```
#fdfbea rgb(253,251,234)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#686659
```
#686659 rgb(104,102,89)
```
#6f6c52
```
#6f6c52 rgb(111,108,82)
```
#77734a
```
#77734a rgb(119,115,74)
```
#7e7943
```
#7e7943 rgb(126,121,67)
```
#857f3c
```
#857f3c rgb(133,127,60)
```
#8d8534
```
#8d8534 rgb(141,133,52)
```
#948b2d
```
#948b2d rgb(148,139,45)
```
#9c9125
```
#9c9125 rgb(156,145,37)
```
#a3971e
```
#a3971e rgb(163,151,30)
```
#ab9d16
```
#ab9d16 rgb(171,157,22)
```
#b2a30f
```
#b2a30f rgb(178,163,15)
```
#b9a908
```
#b9a908 rgb(185,169,8)
```
#c1af00
```
#c1af00 rgb(193,175,0)
```

Tone Color Variation

Below, you can see how #b2a30f 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
#cf9e24 Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

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

#b2a30f hex color

#b2a30f Color Information

#b2a30f Color Conversion

Color Schemes with #b2a30f

Alternatives to #b2a30f

#b2a30f Preview

Shades and Tints of #b2a30f

Tones of #b2a30f

Color Blindness Simulator