colorhexa.com

#b2b106 hex color

In a RGB color space, hex #b2b106 is composed of 69.8% red, 69.4% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 96.6% yellow and 30.2% black. It has a hue angle of 59.7 degrees, a saturation of 93.5% and a lightness of 36.1%. #b2b106 color hex could be obtained by blending #ffff0c with #656300. Closest websafe color is: #999900.

- R 70
- G 69
- B 2
RGB color chart
- C 0
- M 1
- Y 97
- K 30
CMYK color chart

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

The hexadecimal color #b2b106 has RGB values of R:178, G:177, B:6 and CMYK values of C:0, M:0.01, Y:0.97, K:0.3. Its decimal value is 11710726.

Hex triplet	b2b106	`#b2b106`
RGB Decimal	178, 177, 6	`rgb(178,177,6)`
RGB Percent	69.8, 69.4, 2.4	`rgb(69.8%,69.4%,2.4%)`
CMYK	0, 1, 97, 30
HSL	59.7°, 93.5, 36.1	`hsl(59.7,93.5%,36.1%)`
HSV (or HSB)	59.7°, 96.6, 69.8
Web Safe	999900	`#999900`

CIE-LAB	70.122, -15.879, 71.237
XYZ	34.115, 40.923, 6.274
xyY	0.42, 0.503, 40.923
CIE-LCH	70.122, 72.985, 102.566
CIE-LUV	70.122, 6.213, 76.599
Hunter-Lab	63.971, -16.757, 38.965
Binary	10110010, 10110001, 00000110

#b2b106
```
#b2b106 rgb(178,177,6)
```
#0607b2
```
#0607b2 rgb(6,7,178)
```

Complementary Color

#b25b06
```
#b25b06 rgb(178,91,6)
```
#b2b106
```
#b2b106 rgb(178,177,6)
```
#5db206
```
#5db206 rgb(93,178,6)
```

Analogous Color

#5b06b2
```
#5b06b2 rgb(91,6,178)
```
#b2b106
```
#b2b106 rgb(178,177,6)
```
#065db2
```
#065db2 rgb(6,93,178)
```

Split Complementary Color

#b106b2
```
#b106b2 rgb(177,6,178)
```
#b2b106
```
#b2b106 rgb(178,177,6)
```
#06b2b1
```
#06b2b1 rgb(6,178,177)
```

Triadic Color

#686704
```
#686704 rgb(104,103,4)
```
#818004
```
#818004 rgb(129,128,4)
```
#999805
```
#999805 rgb(153,152,5)
```
#b2b106
```
#b2b106 rgb(178,177,6)
```
#cbca07
```
#cbca07 rgb(203,202,7)
```
#e3e208
```
#e3e208 rgb(227,226,8)
```
#f7f60e
```
#f7f60e rgb(247,246,14)
```

Monochromatic Color

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

#b28606
```
#b28606 rgb(178,134,6)
```
#b29406
```
#b29406 rgb(178,148,6)
```
#b2a306
```
#b2a306 rgb(178,163,6)
```
#b2b106
```
#b2b106 rgb(178,177,6)
```
#a5b206
```
#a5b206 rgb(165,178,6)
```
#96b206
```
#96b206 rgb(150,178,6)
```
#88b206
```
#88b206 rgb(136,178,6)
```

Similar Colors

Text with hexadecimal color #b2b106

This text has a font color of #b2b106.

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

#b2b106 background color

This paragraph has a background color of #b2b106.

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

#b2b106 border color

This element has a border color of #b2b106.

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

CSS codes

.text {color:#b2b106;}

.background {background-color:#b2b106;}

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

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

#070700
```
#070700 rgb(7,7,0)
```
#1a1a01
```
#1a1a01 rgb(26,26,1)
```
#2d2d02
```
#2d2d02 rgb(45,45,2)
```
#404002
```
#404002 rgb(64,64,2)
```
#535303
```
#535303 rgb(83,83,3)
```
#666603
```
#666603 rgb(102,102,3)
```
#797804
```
#797804 rgb(121,120,4)
```
#8c8b05
```
#8c8b05 rgb(140,139,5)
```
#9f9e05
```
#9f9e05 rgb(159,158,5)
```
#b2b106
```
#b2b106 rgb(178,177,6)
```
#c5c407
```
#c5c407 rgb(197,196,7)
```
#d8d707
```
#d8d707 rgb(216,215,7)
```
#ebea08
```
#ebea08 rgb(235,234,8)
```

Shade Color Variation

#f7f610
```
#f7f610 rgb(247,246,16)
```
#f8f623
```
#f8f623 rgb(248,246,35)
```
#f8f735
```
#f8f735 rgb(248,247,53)
```
#f9f848
```
#f9f848 rgb(249,248,72)
```
#f9f95b
```
#f9f95b rgb(249,249,91)
```
#faf96e
```
#faf96e rgb(250,249,110)
```
#fbfa81
```
#fbfa81 rgb(251,250,129)
```
#fbfb94
```
#fbfb94 rgb(251,251,148)
```
#fcfca7
```
#fcfca7 rgb(252,252,167)
```
#fdfcba
```
#fdfcba rgb(253,252,186)
```
#fdfdcd
```
#fdfdcd rgb(253,253,205)
```
#fefee0
```
#fefee0 rgb(254,254,224)
```
#fffff3
```
#fffff3 rgb(255,255,243)
```

Tint Color Variation

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

#5d5d5b
```
#5d5d5b rgb(93,93,91)
```
#646454
```
#646454 rgb(100,100,84)
```
#6b6b4d
```
#6b6b4d rgb(107,107,77)
```
#727246
```
#727246 rgb(114,114,70)
```
#79793f
```
#79793f rgb(121,121,63)
```
#808038
```
#808038 rgb(128,128,56)
```
#888730
```
#888730 rgb(136,135,48)
```
#8f8e29
```
#8f8e29 rgb(143,142,41)
```
#969522
```
#969522 rgb(150,149,34)
```
#9d9c1b
```
#9d9c1b rgb(157,156,27)
```
#a4a314
```
#a4a314 rgb(164,163,20)
```
#abaa0d
```
#abaa0d rgb(171,170,13)
```
#b2b106
```
#b2b106 rgb(178,177,6)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a2a280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b00f Protanopia 1% of men
#dba724 Deuteranopia 1% of men
#c2a9b4 Tritanopia 0.001% of the population

Trichromacy

#beb00c Protanomaly 1% of men, 0.01% of women
#ccaa19 Deuteranomaly 6% of men, 0.4% of women
#bcab75 Tritanomaly 0.01% of the population