#b2bc69 hex color

In a RGB color space, hex #b2bc69 is composed of 69.8% red, 73.7% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 44.1% yellow and 26.3% black. It has a hue angle of 67.2 degrees, a saturation of 38.2% and a lightness of 57.5%. #b2bc69 color hex could be obtained by blending #ffffd2 with #657900. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 70
- G 74
- B 41
RGB color chart
- C 5
- M 0
- Y 44
- K 26
CMYK color chart

● #b2bc69 color description : Slightly desaturated yellow.

The hexadecimal color #b2bc69 has RGB values of R:178, G:188, B:105 and CMYK values of C:0.05, M:0, Y:0.44, K:0.26. Its decimal value is 11713641.

Hex triplet	b2bc69	`#b2bc69`
RGB Decimal	178, 188, 105	`rgb(178,188,105)`
RGB Percent	69.8, 73.7, 41.2	`rgb(69.8%,73.7%,41.2%)`
CMYK	5, 0, 44, 26
HSL	67.2°, 38.2, 57.5	`hsl(67.2,38.2%,57.5%)`
HSV (or HSB)	67.2°, 44.1, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.838, -16.027, 40.673
XYZ	38.893, 46.452, 20.281
xyY	0.368, 0.44, 46.452
CIE-LCH	73.838, 43.717, 111.506
CIE-LUV	73.838, -2.423, 54.266
Hunter-Lab	68.155, -17.411, 30.066
Binary	10110010, 10111100, 01101001

#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#7369bc
```
#7369bc rgb(115,105,188)
```

Complementary Color

#bc9d69
```
#bc9d69 rgb(188,157,105)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#89bc69
```
#89bc69 rgb(137,188,105)
```

Analogous Color

#9d69bc
```
#9d69bc rgb(157,105,188)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#6989bc
```
#6989bc rgb(105,137,188)
```

Split Complementary Color

#bc69b2
```
#bc69b2 rgb(188,105,178)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#69b2bc
```
#69b2bc rgb(105,178,188)
```

Triadic Color

#bc7369
```
#bc7369 rgb(188,115,105)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#69b2bc
```
#69b2bc rgb(105,178,188)
```
#7369bc
```
#7369bc rgb(115,105,188)
```

Tetradic Color

#8c9643
```
#8c9643 rgb(140,150,67)
```
#9ca74b
```
#9ca74b rgb(156,167,75)
```
#a9b457
```
#a9b457 rgb(169,180,87)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#bbc47b
```
#bbc47b rgb(187,196,123)
```
#c4cc8c
```
#c4cc8c rgb(196,204,140)
```
#cdd49e
```
#cdd49e rgb(205,212,158)
```

Monochromatic Color

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

#bcb169
```
#bcb169 rgb(188,177,105)
```
#bcb869
```
#bcb869 rgb(188,184,105)
```
#b9bc69
```
#b9bc69 rgb(185,188,105)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#abbc69
```
#abbc69 rgb(171,188,105)
```
#a4bc69
```
#a4bc69 rgb(164,188,105)
```
#9dbc69
```
#9dbc69 rgb(157,188,105)
```

Similar Colors

Text with hexadecimal color #b2bc69

This text has a font color of #b2bc69.

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

#b2bc69 background color

This paragraph has a background color of #b2bc69.

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

#b2bc69 border color

This element has a border color of #b2bc69.

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

CSS codes

.text {color:#b2bc69;}

.background {background-color:#b2bc69;}

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

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, #0c0d06 is the darkest color, while #fffffe is the lightest one.

#0c0d06
```
#0c0d06 rgb(12,13,6)
```
#191a0c
```
#191a0c rgb(25,26,12)
```
#252812
```
#252812 rgb(37,40,18)
```
#323518
```
#323518 rgb(50,53,24)
```
#3e431e
```
#3e431e rgb(62,67,30)
```
#4b5124
```
#4b5124 rgb(75,81,36)
```
#585e2a
```
#585e2a rgb(88,94,42)
```
#646c30
```
#646c30 rgb(100,108,48)
```
#717936
```
#717936 rgb(113,121,54)
```
#7e873c
```
#7e873c rgb(126,135,60)
```
#8a9442
```
#8a9442 rgb(138,148,66)
```
#97a248
```
#97a248 rgb(151,162,72)
```
#a4af4e
```
#a4af4e rgb(164,175,78)
```

Shade Color Variation

#abb65b
```
#abb65b rgb(171,182,91)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#b9c277
```
#b9c277 rgb(185,194,119)
```
#c0c884
```
#c0c884 rgb(192,200,132)
```
#c7ce92
```
#c7ce92 rgb(199,206,146)
```
#ced49f
```
#ced49f rgb(206,212,159)
```
#d5daad
```
#d5daad rgb(213,218,173)
```
#dce0ba
```
#dce0ba rgb(220,224,186)
```
#e3e6c8
```
#e3e6c8 rgb(227,230,200)
```
#eaecd5
```
#eaecd5 rgb(234,236,213)
```
#f1f3e3
```
#f1f3e3 rgb(241,243,227)
```
#f8f9f1
```
#f8f9f1 rgb(248,249,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#999b8a
```
#999b8a rgb(153,155,138)
```
#9fa382
```
#9fa382 rgb(159,163,130)
```
#a5ab7a
```
#a5ab7a rgb(165,171,122)
```
#acb471
```
#acb471 rgb(172,180,113)
```
#b2bc69
```
#b2bc69 rgb(178,188,105)
```
#b8c461
```
#b8c461 rgb(184,196,97)
```
#bfcd58
```
#bfcd58 rgb(191,205,88)
```
#c5d550
```
#c5d550 rgb(197,213,80)
```
#cbdd48
```
#cbdd48 rgb(203,221,72)
```
#d2e63f
```
#d2e63f rgb(210,230,63)
```
#d8ee37
```
#d8ee37 rgb(216,238,55)
```
#def62f
```
#def62f rgb(222,246,47)
```
#e5ff26
```
#e5ff26 rgb(229,255,38)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab96e Protanopia 1% of men
#deb175 Deuteranopia 1% of men
#c1b5c2 Tritanopia 0.001% of the population

Trichromacy

#c1ba6c Protanomaly 1% of men, 0.01% of women
#ceb570 Deuteranomaly 6% of men, 0.4% of women
#bbb8a2 Tritanomaly 0.01% of the population

#b2bc69 hex color

#b2bc69 Color Information

#b2bc69 Color Conversion

Color Schemes with #b2bc69

Alternatives to #b2bc69

#b2bc69 Preview

Shades and Tints of #b2bc69

Tones of #b2bc69

Color Blindness Simulator