#b2b778 hex color

In a RGB color space, hex #b2b778 is composed of 69.8% red, 71.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 2.7% cyan, 0% magenta, 34.4% yellow and 28.2% black. It has a hue angle of 64.8 degrees, a saturation of 30.4% and a lightness of 59.4%. #b2b778 color hex could be obtained by blending #fffff0 with #656f00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 70
- G 72
- B 47
RGB color chart
- C 3
- M 0
- Y 34
- K 28
CMYK color chart

● #b2b778 color description : Slightly desaturated yellow.

The hexadecimal color #b2b778 has RGB values of R:178, G:183, B:120 and CMYK values of C:0.03, M:0, Y:0.34, K:0.28. Its decimal value is 11712376.

Hex triplet	b2b778	`#b2b778`
RGB Decimal	178, 183, 120	`rgb(178,183,120)`
RGB Percent	69.8, 71.8, 47.1	`rgb(69.8%,71.8%,47.1%)`
CMYK	3, 0, 34, 28
HSL	64.8°, 30.4, 59.4	`hsl(64.8,30.4%,59.4%)`
HSV (or HSB)	64.8°, 34.4, 71.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.686, -11.731, 31.499
XYZ	38.683, 44.688, 24.356
xyY	0.359, 0.415, 44.688
CIE-LCH	72.686, 33.613, 110.427
CIE-LUV	72.686, 0.008, 43.399
Hunter-Lab	66.849, -13.695, 25.193
Binary	10110010, 10110111, 01111000

#b2b778
```
#b2b778 rgb(178,183,120)
```
#7d78b7
```
#7d78b7 rgb(125,120,183)
```

Complementary Color

#b79d78
```
#b79d78 rgb(183,157,120)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#93b778
```
#93b778 rgb(147,183,120)
```

Analogous Color

#9d78b7
```
#9d78b7 rgb(157,120,183)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#7893b7
```
#7893b7 rgb(120,147,183)
```

Split Complementary Color

#b778b2
```
#b778b2 rgb(183,120,178)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#78b2b7
```
#78b2b7 rgb(120,178,183)
```

Triadic Color

#b77d78
```
#b77d78 rgb(183,125,120)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#78b2b7
```
#78b2b7 rgb(120,178,183)
```
#7d78b7
```
#7d78b7 rgb(125,120,183)
```

Tetradic Color

#8e944f
```
#8e944f rgb(142,148,79)
```
#9ea458
```
#9ea458 rgb(158,164,88)
```
#a9ae67
```
#a9ae67 rgb(169,174,103)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#bbc089
```
#bbc089 rgb(187,192,137)
```
#c5c999
```
#c5c999 rgb(197,201,153)
```
#ced2aa
```
#ced2aa rgb(206,210,170)
```

Monochromatic Color

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

#b7ac78
```
#b7ac78 rgb(183,172,120)
```
#b7b278
```
#b7b278 rgb(183,178,120)
```
#b7b778
```
#b7b778 rgb(183,183,120)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#adb778
```
#adb778 rgb(173,183,120)
```
#a8b778
```
#a8b778 rgb(168,183,120)
```
#a2b778
```
#a2b778 rgb(162,183,120)
```

Similar Colors

Text with hexadecimal color #b2b778

This text has a font color of #b2b778.

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

#b2b778 background color

This paragraph has a background color of #b2b778.

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

#b2b778 border color

This element has a border color of #b2b778.

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

CSS codes

.text {color:#b2b778;}

.background {background-color:#b2b778;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#12130a
```
#12130a rgb(18,19,10)
```
#1e1f11
```
#1e1f11 rgb(30,31,17)
```
#2a2c18
```
#2a2c18 rgb(42,44,24)
```
#37391e
```
#37391e rgb(55,57,30)
```
#434625
```
#434625 rgb(67,70,37)
```
#4f522c
```
#4f522c rgb(79,82,44)
```
#5c5f33
```
#5c5f33 rgb(92,95,51)
```
#686c3a
```
#686c3a rgb(104,108,58)
```
#747940
```
#747940 rgb(116,121,64)
```
#818647
```
#818647 rgb(129,134,71)
```
#8d924e
```
#8d924e rgb(141,146,78)
```
#999f55
```
#999f55 rgb(153,159,85)
```

Shade Color Variation

#a3a95e
```
#a3a95e rgb(163,169,94)
```
#abb06b
```
#abb06b rgb(171,176,107)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#b9be85
```
#b9be85 rgb(185,190,133)
```
#c1c592
```
#c1c592 rgb(193,197,146)
```
#c8cb9e
```
#c8cb9e rgb(200,203,158)
```
#cfd2ab
```
#cfd2ab rgb(207,210,171)
```
#d6d9b8
```
#d6d9b8 rgb(214,217,184)
```
#dee0c5
```
#dee0c5 rgb(222,224,197)
```
#e5e7d2
```
#e5e7d2 rgb(229,231,210)
```
#eceede
```
#eceede rgb(236,238,222)
```
#f4f4eb
```
#f4f4eb rgb(244,244,235)
```
#fbfbf8
```
#fbfbf8 rgb(251,251,248)
```

Tint Color Variation

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

#9e9f90
```
#9e9f90 rgb(158,159,144)
```
#a5a788
```
#a5a788 rgb(165,167,136)
```
#abaf80
```
#abaf80 rgb(171,175,128)
```
#b2b778
```
#b2b778 rgb(178,183,120)
```
#b9bf70
```
#b9bf70 rgb(185,191,112)
```
#bfc768
```
#bfc768 rgb(191,199,104)
```
#c6cf60
```
#c6cf60 rgb(198,207,96)
```
#cdd758
```
#cdd758 rgb(205,215,88)
```
#d3df50
```
#d3df50 rgb(211,223,80)
```
#dae748
```
#dae748 rgb(218,231,72)
```
#e1ef40
```
#e1ef40 rgb(225,239,64)
```
#e8f738
```
#e8f738 rgb(232,247,56)
```
#eeff30
```
#eeff30 rgb(238,255,48)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#afb0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b67d Protanopia 1% of men
#d7af82 Deuteranopia 1% of men
#bfb2bf Tritanopia 0.001% of the population

Trichromacy

#beb67b Protanomaly 1% of men, 0.01% of women
#cab17e Deuteranomaly 6% of men, 0.4% of women
#bab4a5 Tritanomaly 0.01% of the population

#b2b778 hex color

#b2b778 Color Information

#b2b778 Color Conversion

Color Schemes with #b2b778

Alternatives to #b2b778

#b2b778 Preview

Shades and Tints of #b2b778

Tones of #b2b778

Color Blindness Simulator