#b2b163 hex color

In a RGB color space, hex #b2b163 is composed of 69.8% red, 69.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 44.4% yellow and 30.2% black. It has a hue angle of 59.2 degrees, a saturation of 33.9% and a lightness of 54.3%. #b2b163 color hex could be obtained by blending #ffffc6 with #656300. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 69
- B 39
RGB color chart
- C 0
- M 1
- Y 44
- K 30
CMYK color chart

● #b2b163 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2b163 has RGB values of R:178, G:177, B:99 and CMYK values of C:0, M:0.01, Y:0.44, K:0.3. Its decimal value is 11710819.

Hex triplet	b2b163	`#b2b163`
RGB Decimal	178, 177, 99	`rgb(178,177,99)`
RGB Percent	69.8, 69.4, 38.8	`rgb(69.8%,69.4%,38.8%)`
CMYK	0, 1, 44, 30
HSL	59.2°, 33.9, 54.3	`hsl(59.2,33.9%,54.3%)`
HSV (or HSB)	59.2°, 44.4, 69.8
Web Safe	999966	`#999966`

CIE-LAB	70.74, -11.001, 39.868
XYZ	36.334, 41.811, 17.96
xyY	0.378, 0.435, 41.811
CIE-LCH	70.74, 41.357, 105.426
CIE-LUV	70.74, 4.373, 51.692
Hunter-Lab	64.661, -12.855, 28.795
Binary	10110010, 10110001, 01100011

#b2b163
```
#b2b163 rgb(178,177,99)
```
#6364b2
```
#6364b2 rgb(99,100,178)
```

Complementary Color

#b28a63
```
#b28a63 rgb(178,138,99)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#8cb263
```
#8cb263 rgb(140,178,99)
```

Analogous Color

#8a63b2
```
#8a63b2 rgb(138,99,178)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#638cb2
```
#638cb2 rgb(99,140,178)
```

Split Complementary Color

#b163b2
```
#b163b2 rgb(177,99,178)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#63b2b1
```
#63b2b1 rgb(99,178,177)
```

Triadic Color

#b26364
```
#b26364 rgb(178,99,100)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#63b2b1
```
#63b2b1 rgb(99,178,177)
```
#6364b2
```
#6364b2 rgb(99,100,178)
```

Tetradic Color

#868542
```
#868542 rgb(134,133,66)
```
#97964b
```
#97964b rgb(151,150,75)
```
#a8a753
```
#a8a753 rgb(168,167,83)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#baba74
```
#baba74 rgb(186,186,116)
```
#c3c285
```
#c3c285 rgb(195,194,133)
```
#cbcb96
```
#cbcb96 rgb(203,203,150)
```

Monochromatic Color

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

#b29d63
```
#b29d63 rgb(178,157,99)
```
#b2a463
```
#b2a463 rgb(178,164,99)
```
#b2aa63
```
#b2aa63 rgb(178,170,99)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#acb263
```
#acb263 rgb(172,178,99)
```
#a6b263
```
#a6b263 rgb(166,178,99)
```
#9fb263
```
#9fb263 rgb(159,178,99)
```

Similar Colors

Text with hexadecimal color #b2b163

This text has a font color of #b2b163.

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

#b2b163 background color

This paragraph has a background color of #b2b163.

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

#b2b163 border color

This element has a border color of #b2b163.

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

CSS codes

.text {color:#b2b163;}

.background {background-color:#b2b163;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0f07
```
#0f0f07 rgb(15,15,7)
```
#1c1c0e
```
#1c1c0e rgb(28,28,14)
```
#292914
```
#292914 rgb(41,41,20)
```
#36361b
```
#36361b rgb(54,54,27)
```
#434321
```
#434321 rgb(67,67,33)
```
#505028
```
#505028 rgb(80,80,40)
```
#5e5d2e
```
#5e5d2e rgb(94,93,46)
```
#6b6a35
```
#6b6a35 rgb(107,106,53)
```
#78773b
```
#78773b rgb(120,119,59)
```
#858442
```
#858442 rgb(133,132,66)
```
#929148
```
#929148 rgb(146,145,72)
```
#9f9e4f
```
#9f9e4f rgb(159,158,79)
```

Shade Color Variation

#acaa56
```
#acaa56 rgb(172,170,86)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#b8b870
```
#b8b870 rgb(184,184,112)
```
#bfbe7d
```
#bfbe7d rgb(191,190,125)
```
#c5c58a
```
#c5c58a rgb(197,197,138)
```
#cccb98
```
#cccb98 rgb(204,203,152)
```
#d2d2a5
```
#d2d2a5 rgb(210,210,165)
```
#d9d8b2
```
#d9d8b2 rgb(217,216,178)
```
#dfdfbf
```
#dfdfbf rgb(223,223,191)
```
#e6e6cc
```
#e6e6cc rgb(230,230,204)
```
#ececd9
```
#ececd9 rgb(236,236,217)
```
#f3f3e6
```
#f3f3e6 rgb(243,243,230)
```
#f9f9f3
```
#f9f9f3 rgb(249,249,243)
```

Tint Color Variation

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

#8e8e87
```
#8e8e87 rgb(142,142,135)
```
#97977e
```
#97977e rgb(151,151,126)
```
#a0a075
```
#a0a075 rgb(160,160,117)
```
#a9a86c
```
#a9a86c rgb(169,168,108)
```
#b2b163
```
#b2b163 rgb(178,177,99)
```
#bbba5a
```
#bbba5a rgb(187,186,90)
```
#c4c251
```
#c4c251 rgb(196,194,81)
```
#cdcb48
```
#cdcb48 rgb(205,203,72)
```
#d6d43f
```
#d6d43f rgb(214,212,63)
```
#dfdd36
```
#dfdd36 rgb(223,221,54)
```
#e8e52d
```
#e8e52d rgb(232,229,45)
```
#f1ee24
```
#f1ee24 rgb(241,238,36)
```
#faf71b
```
#faf71b rgb(250,247,27)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaaa9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b169 Protanopia 1% of men
#d5a96e Deuteranopia 1% of men
#bfabb8 Tritanopia 0.001% of the population

Trichromacy

#bcb167 Protanomaly 1% of men, 0.01% of women
#c8ac6a Deuteranomaly 6% of men, 0.4% of women
#baad99 Tritanomaly 0.01% of the population

#b2b163 hex color

#b2b163 Color Information

#b2b163 Color Conversion

Color Schemes with #b2b163

Alternatives to #b2b163

#b2b163 Preview

Shades and Tints of #b2b163

Tones of #b2b163

Color Blindness Simulator