#b2a307 hex color

In a RGB color space, hex #b2a307 is composed of 69.8% red, 63.9% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 96.1% yellow and 30.2% black. It has a hue angle of 54.7 degrees, a saturation of 92.4% and a lightness of 36.3%. #b2a307 color hex could be obtained by blending #ffff0e with #654700. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a307 has RGB values of R:178, G:163, B:7 and CMYK values of C:0, M:0.08, Y:0.96, K:0.3. Its decimal value is 11707143.

Hex triplet	b2a307	`#b2a307`
RGB Decimal	178, 163, 7	`rgb(178,163,7)`
RGB Percent	69.8, 63.9, 2.7	`rgb(69.8%,63.9%,2.7%)`
CMYK	0, 8, 96, 30
HSL	54.7°, 92.4, 36.3	`hsl(54.7,92.4%,36.3%)`
HSV (or HSB)	54.7°, 96.1, 69.8
Web Safe	999900	`#999900`

CIE-LAB	66.271, -8.618, 68.239
XYZ	31.496, 35.676, 5.428
xyY	0.434, 0.491, 35.676
CIE-LCH	66.271, 68.781, 97.198
CIE-LUV	66.271, 15.755, 71.061
Hunter-Lab	59.729, -10.401, 36.422
Binary	10110010, 10100011, 00000111

#b2a307
```
#b2a307 rgb(178,163,7)
```
#0716b2
```
#0716b2 rgb(7,22,178)
```

Complementary Color

#b24d07
```
#b24d07 rgb(178,77,7)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```
#6cb207
```
#6cb207 rgb(108,178,7)
```

Analogous Color

#4d07b2
```
#4d07b2 rgb(77,7,178)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```
#076cb2
```
#076cb2 rgb(7,108,178)
```

Split Complementary Color

#a307b2
```
#a307b2 rgb(163,7,178)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```
#07b2a3
```
#07b2a3 rgb(7,178,163)
```

Triadic Color

#b20716
```
#b20716 rgb(178,7,22)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```
#07b2a3
```
#07b2a3 rgb(7,178,163)
```
#0716b2
```
#0716b2 rgb(7,22,178)
```

Tetradic Color

#686004
```
#686004 rgb(104,96,4)
```
#817605
```
#817605 rgb(129,118,5)
```
#998d06
```
#998d06 rgb(153,141,6)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```
#cbb908
```
#cbb908 rgb(203,185,8)
```
#e3d009
```
#e3d009 rgb(227,208,9)
```
#f6e110
```
#f6e110 rgb(246,225,16)
```

Monochromatic Color

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

#b27807
```
#b27807 rgb(178,120,7)
```
#b28707
```
#b28707 rgb(178,135,7)
```
#b29507
```
#b29507 rgb(178,149,7)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```
#b2b107
```
#b2b107 rgb(178,177,7)
```
#a5b207
```
#a5b207 rgb(165,178,7)
```
#96b207
```
#96b207 rgb(150,178,7)
```

Similar Colors

Text with hexadecimal color #b2a307

This text has a font color of #b2a307.

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

#b2a307 background color

This paragraph has a background color of #b2a307.

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

#b2a307 border color

This element has a border color of #b2a307.

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

CSS codes

.text {color:#b2a307;}

.background {background-color:#b2a307;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1b1901
```
#1b1901 rgb(27,25,1)
```
#2e2a02
```
#2e2a02 rgb(46,42,2)
```
#413b03
```
#413b03 rgb(65,59,3)
```
#544d03
```
#544d03 rgb(84,77,3)
```
#675e04
```
#675e04 rgb(103,94,4)
```
#796f05
```
#796f05 rgb(121,111,5)
```
#8c8006
```
#8c8006 rgb(140,128,6)
```
#9f9206
```
#9f9206 rgb(159,146,6)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```
#c5b408
```
#c5b408 rgb(197,180,8)
```
#d8c608
```
#d8c608 rgb(216,198,8)
```
#ebd709
```
#ebd709 rgb(235,215,9)
```

Shade Color Variation

#f6e212
```
#f6e212 rgb(246,226,18)
```
#f6e425
```
#f6e425 rgb(246,228,37)
```
#f7e638
```
#f7e638 rgb(247,230,56)
```
#f8e94a
```
#f8e94a rgb(248,233,74)
```
#f9eb5d
```
#f9eb5d rgb(249,235,93)
```
#f9ed70
```
#f9ed70 rgb(249,237,112)
```
#faf083
```
#faf083 rgb(250,240,131)
```
#fbf296
```
#fbf296 rgb(251,242,150)
```
#fcf4a9
```
#fcf4a9 rgb(252,244,169)
```
#fcf7bc
```
#fcf7bc rgb(252,247,188)
```
#fdf9cf
```
#fdf9cf rgb(253,249,207)
```
#fefbe1
```
#fefbe1 rgb(254,251,225)
```
#fffef4
```
#fffef4 rgb(255,254,244)
```

Tint Color Variation

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

#5d5d5c
```
#5d5d5c rgb(93,93,92)
```
#646255
```
#646255 rgb(100,98,85)
```
#6b684e
```
#6b684e rgb(107,104,78)
```
#726e47
```
#726e47 rgb(114,110,71)
```
#797440
```
#797440 rgb(121,116,64)
```
#807a39
```
#807a39 rgb(128,122,57)
```
#878032
```
#878032 rgb(135,128,50)
```
#8e862b
```
#8e862b rgb(142,134,43)
```
#968c23
```
#968c23 rgb(150,140,35)
```
#9d911c
```
#9d911c rgb(157,145,28)
```
#a49715
```
#a49715 rgb(164,151,21)
```
#ab9d0e
```
#ab9d0e rgb(171,157,14)
```
#b2a307
```
#b2a307 rgb(178,163,7)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9c9979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa612 Protanopia 1% of men
#cf9e1f Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a50e Protanomaly 1% of men, 0.01% of women
#c49f16 Deuteranomaly 6% of men, 0.4% of women
#bb9e6d Tritanomaly 0.01% of the population

#b2a307 hex color

#b2a307 Color Information

#b2a307 Color Conversion

Color Schemes with #b2a307

Alternatives to #b2a307

#b2a307 Preview

Shades and Tints of #b2a307

Tones of #b2a307

Color Blindness Simulator