#bbc85f hex color

In a RGB color space, hex #bbc85f is composed of 73.3% red, 78.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 6.5% cyan, 0% magenta, 52.5% yellow and 21.6% black. It has a hue angle of 67.4 degrees, a saturation of 48.8% and a lightness of 57.8%. #bbc85f color hex could be obtained by blending #ffffbe with #779100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 73
- G 78
- B 37
RGB color chart
- C 7
- M 0
- Y 53
- K 22
CMYK color chart

● #bbc85f color description : Moderate yellow.

The hexadecimal color #bbc85f has RGB values of R:187, G:200, B:95 and CMYK values of C:0.07, M:0, Y:0.53, K:0.22. Its decimal value is 12306527.

Hex triplet	bbc85f	`#bbc85f`
RGB Decimal	187, 200, 95	`rgb(187,200,95)`
RGB Percent	73.3, 78.4, 37.3	`rgb(73.3%,78.4%,37.3%)`
CMYK	7, 0, 53, 22
HSL	67.4°, 48.8, 57.8	`hsl(67.4,48.8%,57.8%)`
HSV (or HSB)	67.4°, 52.5, 78.4
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.697, -19.399, 50.334
XYZ	43.213, 52.7, 18.721
xyY	0.377, 0.46, 52.7
CIE-LCH	77.697, 53.943, 111.077
CIE-LUV	77.697, -3.633, 65.309
Hunter-Lab	72.595, -20.786, 35.526
Binary	10111011, 11001000, 01011111

#bbc85f
```
#bbc85f rgb(187,200,95)
```
#6c5fc8
```
#6c5fc8 rgb(108,95,200)
```

Complementary Color

#c8a15f
```
#c8a15f rgb(200,161,95)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#87c85f
```
#87c85f rgb(135,200,95)
```

Analogous Color

#a15fc8
```
#a15fc8 rgb(161,95,200)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#5f87c8
```
#5f87c8 rgb(95,135,200)
```

Split Complementary Color

#c85fbb
```
#c85fbb rgb(200,95,187)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#5fbbc8
```
#5fbbc8 rgb(95,187,200)
```

Triadic Color

#c86c5f
```
#c86c5f rgb(200,108,95)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#5fbbc8
```
#5fbbc8 rgb(95,187,200)
```
#6c5fc8
```
#6c5fc8 rgb(108,95,200)
```

Tetradic Color

#95a338
```
#95a338 rgb(149,163,56)
```
#a7b63e
```
#a7b63e rgb(167,182,62)
```
#b3c14c
```
#b3c14c rgb(179,193,76)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#c3cf72
```
#c3cf72 rgb(195,207,114)
```
#cbd585
```
#cbd585 rgb(203,213,133)
```
#d3dc98
```
#d3dc98 rgb(211,220,152)
```

Monochromatic Color

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

#c8bb5f
```
#c8bb5f rgb(200,187,95)
```
#c8c45f
```
#c8c45f rgb(200,196,95)
```
#c4c85f
```
#c4c85f rgb(196,200,95)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#b2c85f
```
#b2c85f rgb(178,200,95)
```
#aac85f
```
#aac85f rgb(170,200,95)
```
#a1c85f
```
#a1c85f rgb(161,200,95)
```

Similar Colors

Text with hexadecimal color #bbc85f

This text has a font color of #bbc85f.

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

#bbc85f background color

This paragraph has a background color of #bbc85f.

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

#bbc85f border color

This element has a border color of #bbc85f.

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

CSS codes

.text {color:#bbc85f;}

.background {background-color:#bbc85f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0f05
```
#0e0f05 rgb(14,15,5)
```
#1b1e0a
```
#1b1e0a rgb(27,30,10)
```
#292c0f
```
#292c0f rgb(41,44,15)
```
#363b14
```
#363b14 rgb(54,59,20)
```
#444a19
```
#444a19 rgb(68,74,25)
```
#51581e
```
#51581e rgb(81,88,30)
```
#5e6723
```
#5e6723 rgb(94,103,35)
```
#6c7528
```
#6c7528 rgb(108,117,40)
```
#79842d
```
#79842d rgb(121,132,45)
```
#879332
```
#879332 rgb(135,147,50)
```
#94a137
```
#94a137 rgb(148,161,55)
```
#a1b03c
```
#a1b03c rgb(161,176,60)
```

Shade Color Variation

#afbe42
```
#afbe42 rgb(175,190,66)
```
#b5c350
```
#b5c350 rgb(181,195,80)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#c1cd6e
```
#c1cd6e rgb(193,205,110)
```
#c7d27c
```
#c7d27c rgb(199,210,124)
```
#ced78b
```
#ced78b rgb(206,215,139)
```
#d4dc99
```
#d4dc99 rgb(212,220,153)
```
#dae1a8
```
#dae1a8 rgb(218,225,168)
```
#e0e6b7
```
#e0e6b7 rgb(224,230,183)
```
#e6ebc5
```
#e6ebc5 rgb(230,235,197)
```
#edf0d4
```
#edf0d4 rgb(237,240,212)
```
#f3f5e2
```
#f3f5e2 rgb(243,245,226)
```
#f9faf1
```
#f9faf1 rgb(249,250,241)
```

Tint Color Variation

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

#969691
```
#969691 rgb(150,150,145)
```
#9c9f88
```
#9c9f88 rgb(156,159,136)
```
#a2a780
```
#a2a780 rgb(162,167,128)
```
#a8af78
```
#a8af78 rgb(168,175,120)
```
#afb770
```
#afb770 rgb(175,183,112)
```
#b5c067
```
#b5c067 rgb(181,192,103)
```
#bbc85f
```
#bbc85f rgb(187,200,95)
```
#c1d057
```
#c1d057 rgb(193,208,87)
```
#c7d94e
```
#c7d94e rgb(199,217,78)
```
#cee146
```
#cee146 rgb(206,225,70)
```
#d4e93e
```
#d4e93e rgb(212,233,62)
```
#daf136
```
#daf136 rgb(218,241,54)
```
#e0fa2d
```
#e0fa2d rgb(224,250,45)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b9bba6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c364 Protanopia 1% of men
#edba6c Deuteranopia 1% of men
#cbbfcd Tritanopia 0.001% of the population

Trichromacy

#ccc562 Protanomaly 1% of men, 0.01% of women
#dbbf67 Deuteranomaly 6% of men, 0.4% of women
#c5c2a5 Tritanomaly 0.01% of the population

#bbc85f hex color

#bbc85f Color Information

#bbc85f Color Conversion

Color Schemes with #bbc85f

Alternatives to #bbc85f

#bbc85f Preview

Shades and Tints of #bbc85f

Tones of #bbc85f

Color Blindness Simulator