#b2b661 hex color

In a RGB color space, hex #b2b661 is composed of 69.8% red, 71.4% green and 38% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 46.7% yellow and 28.6% black. It has a hue angle of 62.8 degrees, a saturation of 36.8% and a lightness of 54.7%. #b2b661 color hex could be obtained by blending #ffffc2 with #656d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 70
- G 71
- B 38
RGB color chart
- C 2
- M 0
- Y 47
- K 29
CMYK color chart

● #b2b661 color description : Slightly desaturated yellow.

The hexadecimal color #b2b661 has RGB values of R:178, G:182, B:97 and CMYK values of C:0.02, M:0, Y:0.47, K:0.29. Its decimal value is 11712097.

Hex triplet	b2b661	`#b2b661`
RGB Decimal	178, 182, 97	`rgb(178,182,97)`
RGB Percent	69.8, 71.4, 38	`rgb(69.8%,71.4%,38%)`
CMYK	2, 0, 47, 29
HSL	62.8°, 36.8, 54.7	`hsl(62.8,36.8%,54.7%)`
HSV (or HSB)	62.8°, 46.7, 71.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.084, -13.785, 42.516
XYZ	37.245, 43.784, 17.798
xyY	0.377, 0.443, 43.784
CIE-LCH	72.084, 44.695, 107.964
CIE-LUV	72.084, 1.398, 55.195
Hunter-Lab	66.17, -15.324, 30.371
Binary	10110010, 10110110, 01100001

#b2b661
```
#b2b661 rgb(178,182,97)
```
#6561b6
```
#6561b6 rgb(101,97,182)
```

Complementary Color

#b69061
```
#b69061 rgb(182,144,97)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#88b661
```
#88b661 rgb(136,182,97)
```

Analogous Color

#9061b6
```
#9061b6 rgb(144,97,182)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#6188b6
```
#6188b6 rgb(97,136,182)
```

Split Complementary Color

#b661b2
```
#b661b2 rgb(182,97,178)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#61b2b6
```
#61b2b6 rgb(97,178,182)
```

Triadic Color

#b66561
```
#b66561 rgb(182,101,97)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#61b2b6
```
#61b2b6 rgb(97,178,182)
```
#6561b6
```
#6561b6 rgb(101,97,182)
```

Tetradic Color

#878b40
```
#878b40 rgb(135,139,64)
```
#989c48
```
#989c48 rgb(152,156,72)
```
#a9ad50
```
#a9ad50 rgb(169,173,80)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#bbbe72
```
#bbbe72 rgb(187,190,114)
```
#c3c684
```
#c3c684 rgb(195,198,132)
```
#ccce95
```
#ccce95 rgb(204,206,149)
```

Monochromatic Color

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

#b6a561
```
#b6a561 rgb(182,165,97)
```
#b6ac61
```
#b6ac61 rgb(182,172,97)
```
#b6b361
```
#b6b361 rgb(182,179,97)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#abb661
```
#abb661 rgb(171,182,97)
```
#a4b661
```
#a4b661 rgb(164,182,97)
```
#9db661
```
#9db661 rgb(157,182,97)
```

Similar Colors

Text with hexadecimal color #b2b661

This text has a font color of #b2b661.

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

#b2b661 background color

This paragraph has a background color of #b2b661.

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

#b2b661 border color

This element has a border color of #b2b661.

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

CSS codes

.text {color:#b2b661;}

.background {background-color:#b2b661;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101008
```
#101008 rgb(16,16,8)
```
#1d1e0e
```
#1d1e0e rgb(29,30,14)
```
#2a2b14
```
#2a2b14 rgb(42,43,20)
```
#37391a
```
#37391a rgb(55,57,26)
```
#444620
```
#444620 rgb(68,70,32)
```
#515327
```
#515327 rgb(81,83,39)
```
#5e612d
```
#5e612d rgb(94,97,45)
```
#6c6e33
```
#6c6e33 rgb(108,110,51)
```
#797c39
```
#797c39 rgb(121,124,57)
```
#86893f
```
#86893f rgb(134,137,63)
```
#939746
```
#939746 rgb(147,151,70)
```
#a0a44c
```
#a0a44c rgb(160,164,76)
```

Shade Color Variation

#abb054
```
#abb054 rgb(171,176,84)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#b9bc6e
```
#b9bc6e rgb(185,188,110)
```
#bfc27c
```
#bfc27c rgb(191,194,124)
```
#c6c989
```
#c6c989 rgb(198,201,137)
```
#cccf97
```
#cccf97 rgb(204,207,151)
```
#d3d5a4
```
#d3d5a4 rgb(211,213,164)
```
#d9dbb1
```
#d9dbb1 rgb(217,219,177)
```
#e0e1bf
```
#e0e1bf rgb(224,225,191)
```
#e6e8cc
```
#e6e8cc rgb(230,232,204)
```
#edeeda
```
#edeeda rgb(237,238,218)
```
#f3f4e7
```
#f3f4e7 rgb(243,244,231)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#929285
```
#929285 rgb(146,146,133)
```
#9a9b7c
```
#9a9b7c rgb(154,155,124)
```
#a2a473
```
#a2a473 rgb(162,164,115)
```
#aaad6a
```
#aaad6a rgb(170,173,106)
```
#b2b661
```
#b2b661 rgb(178,182,97)
```
#babf58
```
#babf58 rgb(186,191,88)
```
#c2c84f
```
#c2c84f rgb(194,200,79)
```
#cad146
```
#cad146 rgb(202,209,70)
```
#d2da3d
```
#d2da3d rgb(210,218,61)
```
#dae235
```
#dae235 rgb(218,226,53)
```
#e2eb2c
```
#e2eb2c rgb(226,235,44)
```
#eaf423
```
#eaf423 rgb(234,244,35)
```
#f2fd1a
```
#f2fd1a rgb(242,253,26)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acad9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b467 Protanopia 1% of men
#daad6d Deuteranopia 1% of men
#c0b0bc Tritanopia 0.001% of the population

Trichromacy

#beb565 Protanomaly 1% of men, 0.01% of women
#cbb068 Deuteranomaly 6% of men, 0.4% of women
#bbb29b Tritanomaly 0.01% of the population

#b2b661 hex color

#b2b661 Color Information

#b2b661 Color Conversion

Color Schemes with #b2b661

Alternatives to #b2b661

#b2b661 Preview

Shades and Tints of #b2b661

Tones of #b2b661

Color Blindness Simulator