colorhexa.com

#b2a103 hex color

In a RGB color space, hex #b2a103 is composed of 69.8% red, 63.1% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 98.3% yellow and 30.2% black. It has a hue angle of 54.2 degrees, a saturation of 96.7% and a lightness of 35.5%. #b2a103 color hex could be obtained by blending #ffff06 with #654300. Closest websafe color is: #999900.

- R 70
- G 63
- B 1
RGB color chart
- C 0
- M 10
- Y 98
- K 30
CMYK color chart

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

The hexadecimal color #b2a103 has RGB values of R:178, G:161, B:3 and CMYK values of C:0, M:0.1, Y:0.98, K:0.3. Its decimal value is 11706627.

Hex triplet	b2a103	`#b2a103`
RGB Decimal	178, 161, 3	`rgb(178,161,3)`
RGB Percent	69.8, 63.1, 1.2	`rgb(69.8%,63.1%,1.2%)`
CMYK	0, 10, 98, 30
HSL	54.2°, 96.7, 35.5	`hsl(54.2,96.7%,35.5%)`
HSV (or HSB)	54.2°, 98.3, 69.8
Web Safe	999900	`#999900`

CIE-LAB	65.719, -7.615, 68.355
XYZ	31.122, 34.962, 5.195
xyY	0.437, 0.49, 34.962
CIE-LCH	65.719, 68.778, 96.356
CIE-LUV	65.719, 17.191, 70.566
Hunter-Lab	59.129, -9.524, 36.181
Binary	10110010, 10100001, 00000011

#b2a103
```
#b2a103 rgb(178,161,3)
```
#0314b2
```
#0314b2 rgb(3,20,178)
```

Complementary Color

#b24903
```
#b24903 rgb(178,73,3)
```
#b2a103
```
#b2a103 rgb(178,161,3)
```
#6cb203
```
#6cb203 rgb(108,178,3)
```

Analogous Color

#4a03b2
```
#4a03b2 rgb(74,3,178)
```
#b2a103
```
#b2a103 rgb(178,161,3)
```
#036cb2
```
#036cb2 rgb(3,108,178)
```

Split Complementary Color

#a103b2
```
#a103b2 rgb(161,3,178)
```
#b2a103
```
#b2a103 rgb(178,161,3)
```
#03b2a1
```
#03b2a1 rgb(3,178,161)
```

Triadic Color

#675d02
```
#675d02 rgb(103,93,2)
```
#807402
```
#807402 rgb(128,116,2)
```
#998a03
```
#998a03 rgb(153,138,3)
```
#b2a103
```
#b2a103 rgb(178,161,3)
```
#cbb803
```
#cbb803 rgb(203,184,3)
```
#e4ce04
```
#e4ce04 rgb(228,206,4)
```
#fbe307
```
#fbe307 rgb(251,227,7)
```

Monochromatic Color

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

#b27503
```
#b27503 rgb(178,117,3)
```
#b28403
```
#b28403 rgb(178,132,3)
```
#b29203
```
#b29203 rgb(178,146,3)
```
#b2a103
```
#b2a103 rgb(178,161,3)
```
#b2b003
```
#b2b003 rgb(178,176,3)
```
#a6b203
```
#a6b203 rgb(166,178,3)
```
#97b203
```
#97b203 rgb(151,178,3)
```

Similar Colors

Text with hexadecimal color #b2a103

This text has a font color of #b2a103.

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

#b2a103 background color

This paragraph has a background color of #b2a103.

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

#b2a103 border color

This element has a border color of #b2a103.

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

CSS codes

.text {color:#b2a103;}

.background {background-color:#b2a103;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#181500
```
#181500 rgb(24,21,0)
```
#2b2701
```
#2b2701 rgb(43,39,1)
```
#3e3801
```
#3e3801 rgb(62,56,1)
```
#524a01
```
#524a01 rgb(82,74,1)
```
#655b02
```
#655b02 rgb(101,91,2)
```
#786d02
```
#786d02 rgb(120,109,2)
```
#8b7e02
```
#8b7e02 rgb(139,126,2)
```
#9f9003
```
#9f9003 rgb(159,144,3)
```
#b2a103
```
#b2a103 rgb(178,161,3)
```
#c5b203
```
#c5b203 rgb(197,178,3)
```
#d9c404
```
#d9c404 rgb(217,196,4)
```
#ecd504
```
#ecd504 rgb(236,213,4)
```

Shade Color Variation

#fbe309
```
#fbe309 rgb(251,227,9)
```
#fbe51c
```
#fbe51c rgb(251,229,28)
```
#fbe82f
```
#fbe82f rgb(251,232,47)
```
#fcea42
```
#fcea42 rgb(252,234,66)
```
#fcec56
```
#fcec56 rgb(252,236,86)
```
#fcee69
```
#fcee69 rgb(252,238,105)
```
#fdf07c
```
#fdf07c rgb(253,240,124)
```
#fdf290
```
#fdf290 rgb(253,242,144)
```
#fdf5a3
```
#fdf5a3 rgb(253,245,163)
```
#fef7b6
```
#fef7b6 rgb(254,247,182)
```
#fef9ca
```
#fef9ca rgb(254,249,202)
```
#fefbdd
```
#fefbdd rgb(254,251,221)
```
#fffdf0
```
#fffdf0 rgb(255,253,240)
```

Tint Color Variation

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

#5e5e57
```
#5e5e57 rgb(94,94,87)
```
#656350
```
#656350 rgb(101,99,80)
```
#6c6949
```
#6c6949 rgb(108,105,73)
```
#736f42
```
#736f42 rgb(115,111,66)
```
#7a743b
```
#7a743b rgb(122,116,59)
```
#817a34
```
#817a34 rgb(129,122,52)
```
#887f2d
```
#887f2d rgb(136,127,45)
```
#8f8526
```
#8f8526 rgb(143,133,38)
```
#968b1f
```
#968b1f rgb(150,139,31)
```
#9d9018
```
#9d9018 rgb(157,144,24)
```
#a49611
```
#a49611 rgb(164,150,17)
```
#ab9b0a
```
#ab9b0a rgb(171,155,10)
```
#b2a103
```
#b2a103 rgb(178,161,3)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9a9777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a40d Protanopia 1% of men
#cd9c1c Deuteranopia 1% of men
#c09aa5 Tritanopia 0.001% of the population

Trichromacy

#b6a309 Protanomaly 1% of men, 0.01% of women
#c39e13 Deuteranomaly 6% of men, 0.4% of women
#bb9d6a Tritanomaly 0.01% of the population