#b2a700 hex color

In a RGB color space, hex #b2a700 is composed of 69.8% red, 65.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 100% yellow and 30.2% black. It has a hue angle of 56.3 degrees, a saturation of 100% and a lightness of 34.9%. #b2a700 color hex could be obtained by blending #ffff00 with #654f00. Closest websafe color is: #999900.

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

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

The hexadecimal color #b2a700 has RGB values of R:178, G:167, B:0 and CMYK values of C:0, M:0.06, Y:1, K:0.3. Its decimal value is 11708160.

Hex triplet	b2a700	`#b2a700`
RGB Decimal	178, 167, 0	`rgb(178,167,0)`
RGB Percent	69.8, 65.5, 0	`rgb(69.8%,65.5%,0%)`
CMYK	0, 6, 100, 30
HSL	56.3°, 100, 34.9	`hsl(56.3,100%,34.9%)`
HSV (or HSB)	56.3°, 100, 69.8
Web Safe	999900	`#999900`

CIE-LAB	67.354, -10.803, 69.933
XYZ	32.179, 37.103, 5.467
xyY	0.43, 0.496, 37.103
CIE-LCH	67.354, 70.762, 98.782
CIE-LUV	67.354, 13.02, 73.11
Hunter-Lab	60.912, -12.298, 37.318
Binary	10110010, 10100111, 00000000

#b2a700
```
#b2a700 rgb(178,167,0)
```
#000bb2
```
#000bb2 rgb(0,11,178)
```

Complementary Color

#b24e00
```
#b24e00 rgb(178,78,0)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```
#64b200
```
#64b200 rgb(100,178,0)
```

Analogous Color

#4e00b2
```
#4e00b2 rgb(78,0,178)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```
#0064b2
```
#0064b2 rgb(0,100,178)
```

Split Complementary Color

#a700b2
```
#a700b2 rgb(167,0,178)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```
#00b2a7
```
#00b2a7 rgb(0,178,167)
```

Triadic Color

#b2000b
```
#b2000b rgb(178,0,11)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```
#00b2a7
```
#00b2a7 rgb(0,178,167)
```
#000bb2
```
#000bb2 rgb(0,11,178)
```

Tetradic Color

#665f00
```
#665f00 rgb(102,95,0)
```
#7f7700
```
#7f7700 rgb(127,119,0)
```
#998f00
```
#998f00 rgb(153,143,0)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```
#ccbf00
```
#ccbf00 rgb(204,191,0)
```
#e5d700
```
#e5d700 rgb(229,215,0)
```
#ffef00
```
#ffef00 rgb(255,239,0)
```

Monochromatic Color

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

#b27b00
```
#b27b00 rgb(178,123,0)
```
#b28900
```
#b28900 rgb(178,137,0)
```
#b29800
```
#b29800 rgb(178,152,0)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```
#aeb200
```
#aeb200 rgb(174,178,0)
```
#9fb200
```
#9fb200 rgb(159,178,0)
```
#91b200
```
#91b200 rgb(145,178,0)
```

Similar Colors

Text with hexadecimal color #b2a700

This text has a font color of #b2a700.

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

#b2a700 background color

This paragraph has a background color of #b2a700.

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

#b2a700 border color

This element has a border color of #b2a700.

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

CSS codes

.text {color:#b2a700;}

.background {background-color:#b2a700;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#151400
```
#151400 rgb(21,20,0)
```
#292600
```
#292600 rgb(41,38,0)
```
#3c3900
```
#3c3900 rgb(60,57,0)
```
#504b00
```
#504b00 rgb(80,75,0)
```
#645d00
```
#645d00 rgb(100,93,0)
```
#777000
```
#777000 rgb(119,112,0)
```
#8b8200
```
#8b8200 rgb(139,130,0)
```
#9e9500
```
#9e9500 rgb(158,149,0)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```
#c6b900
```
#c6b900 rgb(198,185,0)
```
#d9cc00
```
#d9cc00 rgb(217,204,0)
```
#edde00
```
#edde00 rgb(237,222,0)
```

Shade Color Variation

#ffef01
```
#ffef01 rgb(255,239,1)
```
#fff115
```
#fff115 rgb(255,241,21)
```
#fff229
```
#fff229 rgb(255,242,41)
```
#fff33c
```
#fff33c rgb(255,243,60)
```
#fff450
```
#fff450 rgb(255,244,80)
```
#fff564
```
#fff564 rgb(255,245,100)
```
#fff777
```
#fff777 rgb(255,247,119)
```
#fff88b
```
#fff88b rgb(255,248,139)
```
#fff99e
```
#fff99e rgb(255,249,158)
```
#fffab2
```
#fffab2 rgb(255,250,178)
```
#fffbc6
```
#fffbc6 rgb(255,251,198)
```
#fffdd9
```
#fffdd9 rgb(255,253,217)
```
#fffeed
```
#fffeed rgb(255,254,237)
```

Tint Color Variation

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

#605f52
```
#605f52 rgb(96,95,82)
```
#67654b
```
#67654b rgb(103,101,75)
```
#6e6b44
```
#6e6b44 rgb(110,107,68)
```
#74713e
```
#74713e rgb(116,113,62)
```
#7b7737
```
#7b7737 rgb(123,119,55)
```
#827d30
```
#827d30 rgb(130,125,48)
```
#898329
```
#898329 rgb(137,131,41)
```
#908922
```
#908922 rgb(144,137,34)
```
#978f1b
```
#978f1b rgb(151,143,27)
```
#9d9515
```
#9d9515 rgb(157,149,21)
```
#a49b0e
```
#a49b0e rgb(164,155,14)
```
#aba107
```
#aba107 rgb(171,161,7)
```
#b2a700
```
#b2a700 rgb(178,167,0)
```

Tone Color Variation

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

Dichromacy

#bda900 Protanopia 1% of men
#d2a01c Deuteranopia 1% of men
#c1a0ab Tritanopia 0.001% of the population

Trichromacy

#b9a800 Protanomaly 1% of men, 0.01% of women
#c6a212 Deuteranomaly 6% of men, 0.4% of women
#bba26d Tritanomaly 0.01% of the population

#b2a700 hex color

#b2a700 Color Information

#b2a700 Color Conversion

Color Schemes with #b2a700

Alternatives to #b2a700

#b2a700 Preview

Shades and Tints of #b2a700

Tones of #b2a700

Color Blindness Simulator