#b2bf80 hex color

In a RGB color space, hex #b2bf80 is composed of 69.8% red, 74.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 6.8% cyan, 0% magenta, 33% yellow and 25.1% black. It has a hue angle of 72.4 degrees, a saturation of 33% and a lightness of 62.5%. #b2bf80 color hex could be obtained by blending #ffffff with #657f01. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 75
- B 50
RGB color chart
- C 7
- M 0
- Y 33
- K 25
CMYK color chart

● #b2bf80 color description : Slightly desaturated yellow.

The hexadecimal color #b2bf80 has RGB values of R:178, G:191, B:128 and CMYK values of C:0.07, M:0, Y:0.33, K:0.25. Its decimal value is 11714432.

Hex triplet	b2bf80	`#b2bf80`
RGB Decimal	178, 191, 128	`rgb(178,191,128)`
RGB Percent	69.8, 74.9, 50.2	`rgb(69.8%,74.9%,50.2%)`
CMYK	7, 0, 33, 25
HSL	72.4°, 33, 62.5	`hsl(72.4,33%,62.5%)`
HSV (or HSB)	72.4°, 33, 74.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.004, -14.818, 30.35
XYZ	40.886, 48.285, 27.587
xyY	0.35, 0.414, 48.285
CIE-LCH	75.004, 33.774, 116.024
CIE-LUV	75.004, -4.838, 43.068
Hunter-Lab	69.487, -16.574, 25.103
Binary	10110010, 10111111, 10000000

#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#8d80bf
```
#8d80bf rgb(141,128,191)
```

Complementary Color

#bfad80
```
#bfad80 rgb(191,173,128)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#93bf80
```
#93bf80 rgb(147,191,128)
```

Analogous Color

#ad80bf
```
#ad80bf rgb(173,128,191)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#8093bf
```
#8093bf rgb(128,147,191)
```

Split Complementary Color

#bf80b2
```
#bf80b2 rgb(191,128,178)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#80b2bf
```
#80b2bf rgb(128,178,191)
```

Triadic Color

#bf8d80
```
#bf8d80 rgb(191,141,128)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#80b2bf
```
#80b2bf rgb(128,178,191)
```
#8d80bf
```
#8d80bf rgb(141,128,191)
```

Tetradic Color

#91a151
```
#91a151 rgb(145,161,81)
```
#9dae5e
```
#9dae5e rgb(157,174,94)
```
#a8b66f
```
#a8b66f rgb(168,182,111)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#bcc891
```
#bcc891 rgb(188,200,145)
```
#c7d0a2
```
#c7d0a2 rgb(199,208,162)
```
#d1d9b3
```
#d1d9b3 rgb(209,217,179)
```

Monochromatic Color

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

#bfbc80
```
#bfbc80 rgb(191,188,128)
```
#bdbf80
```
#bdbf80 rgb(189,191,128)
```
#b7bf80
```
#b7bf80 rgb(183,191,128)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#adbf80
```
#adbf80 rgb(173,191,128)
```
#a8bf80
```
#a8bf80 rgb(168,191,128)
```
#a2bf80
```
#a2bf80 rgb(162,191,128)
```

Similar Colors

Text with hexadecimal color #b2bf80

This text has a font color of #b2bf80.

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

#b2bf80 background color

This paragraph has a background color of #b2bf80.

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

#b2bf80 border color

This element has a border color of #b2bf80.

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

CSS codes

.text {color:#b2bf80;}

.background {background-color:#b2bf80;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f1008
```
#0f1008 rgb(15,16,8)
```
#1a1e0f
```
#1a1e0f rgb(26,30,15)
```
#262b15
```
#262b15 rgb(38,43,21)
```
#32381c
```
#32381c rgb(50,56,28)
```
#3e4523
```
#3e4523 rgb(62,69,35)
```
#495229
```
#495229 rgb(73,82,41)
```
#555f30
```
#555f30 rgb(85,95,48)
```
#616c36
```
#616c36 rgb(97,108,54)
```
#6c793d
```
#6c793d rgb(108,121,61)
```
#788643
```
#788643 rgb(120,134,67)
```
#84934a
```
#84934a rgb(132,147,74)
```
#90a051
```
#90a051 rgb(144,160,81)
```

Shade Color Variation

#9aab59
```
#9aab59 rgb(154,171,89)
```
#a2b266
```
#a2b266 rgb(162,178,102)
```
#aab873
```
#aab873 rgb(170,184,115)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#bac68d
```
#bac68d rgb(186,198,141)
```
#c2cc9a
```
#c2cc9a rgb(194,204,154)
```
#cad3a7
```
#cad3a7 rgb(202,211,167)
```
#d2d9b4
```
#d2d9b4 rgb(210,217,180)
```
#dae0c1
```
#dae0c1 rgb(218,224,193)
```
#e1e6ce
```
#e1e6ce rgb(225,230,206)
```
#e9eddb
```
#e9eddb rgb(233,237,219)
```
#f1f4e8
```
#f1f4e8 rgb(241,244,232)
```
#f9faf5
```
#f9faf5 rgb(249,250,245)
```

Tint Color Variation

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

#a1a29d
```
#a1a29d rgb(161,162,157)
```
#a5a996
```
#a5a996 rgb(165,169,150)
```
#a9b08f
```
#a9b08f rgb(169,176,143)
```
#aeb887
```
#aeb887 rgb(174,184,135)
```
#b2bf80
```
#b2bf80 rgb(178,191,128)
```
#b6c679
```
#b6c679 rgb(182,198,121)
```
#bbce71
```
#bbce71 rgb(187,206,113)
```
#bfd56a
```
#bfd56a rgb(191,213,106)
```
#c3dc63
```
#c3dc63 rgb(195,220,99)
```
#c8e45b
```
#c8e45b rgb(200,228,91)
```
#cceb54
```
#cceb54 rgb(204,235,84)
```
#d0f24d
```
#d0f24d rgb(208,242,77)
```
#d5fa45
```
#d5fa45 rgb(213,250,69)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b4b6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbc84 Protanopia 1% of men
#ddb48a Deuteranopia 1% of men
#bfbac7 Tritanopia 0.001% of the population

Trichromacy

#c1bd82 Protanomaly 1% of men, 0.01% of women
#cdb886 Deuteranomaly 6% of men, 0.4% of women
#babbad Tritanomaly 0.01% of the population

#b2bf80 hex color

#b2bf80 Color Information

#b2bf80 Color Conversion

Color Schemes with #b2bf80

Alternatives to #b2bf80

#b2bf80 Preview

Shades and Tints of #b2bf80

Tones of #b2bf80

Color Blindness Simulator