#bbd164 hex color

In a RGB color space, hex #bbd164 is composed of 73.3% red, 82% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 0% magenta, 52.2% yellow and 18% black. It has a hue angle of 72.1 degrees, a saturation of 54.2% and a lightness of 60.6%. #bbd164 color hex could be obtained by blending #ffffc8 with #77a300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 73
- G 82
- B 39
RGB color chart
- C 11
- M 0
- Y 52
- K 18
CMYK color chart

● #bbd164 color description : Moderate yellow.

The hexadecimal color #bbd164 has RGB values of R:187, G:209, B:100 and CMYK values of C:0.11, M:0, Y:0.52, K:0.18. Its decimal value is 12308836.

Hex triplet	bbd164	`#bbd164`
RGB Decimal	187, 209, 100	`rgb(187,209,100)`
RGB Percent	73.3, 82, 39.2	`rgb(73.3%,82%,39.2%)`
CMYK	11, 0, 52, 18
HSL	72.1°, 54.2, 60.6	`hsl(72.1,54.2%,60.6%)`
HSV (or HSB)	72.1°, 52.2, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.228, -23.371, 50.96
XYZ	45.594, 57.086, 20.673
xyY	0.37, 0.463, 57.086
CIE-LCH	80.228, 56.064, 114.637
CIE-LUV	80.228, -9.006, 67.457
Hunter-Lab	75.555, -24.506, 36.666
Binary	10111011, 11010001, 01100100

#bbd164
```
#bbd164 rgb(187,209,100)
```
#7a64d1
```
#7a64d1 rgb(122,100,209)
```

Complementary Color

#d1b164
```
#d1b164 rgb(209,177,100)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#85d164
```
#85d164 rgb(133,209,100)
```

Analogous Color

#b164d1
```
#b164d1 rgb(177,100,209)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#6485d1
```
#6485d1 rgb(100,133,209)
```

Split Complementary Color

#d164bb
```
#d164bb rgb(209,100,187)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#64bbd1
```
#64bbd1 rgb(100,187,209)
```

Triadic Color

#d17a64
```
#d17a64 rgb(209,122,100)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#64bbd1
```
#64bbd1 rgb(100,187,209)
```
#7a64d1
```
#7a64d1 rgb(122,100,209)
```

Tetradic Color

#9ab335
```
#9ab335 rgb(154,179,53)
```
#aac53d
```
#aac53d rgb(170,197,61)
```
#b2cb50
```
#b2cb50 rgb(178,203,80)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#c4d778
```
#c4d778 rgb(196,215,120)
```
#ccdd8b
```
#ccdd8b rgb(204,221,139)
```
#d5e39f
```
#d5e39f rgb(213,227,159)
```

Monochromatic Color

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

#d1cc64
```
#d1cc64 rgb(209,204,100)
```
#cdd164
```
#cdd164 rgb(205,209,100)
```
#c4d164
```
#c4d164 rgb(196,209,100)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#b2d164
```
#b2d164 rgb(178,209,100)
```
#a9d164
```
#a9d164 rgb(169,209,100)
```
#a0d164
```
#a0d164 rgb(160,209,100)
```

Similar Colors

Text with hexadecimal color #bbd164

This text has a font color of #bbd164.

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

#bbd164 background color

This paragraph has a background color of #bbd164.

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

#bbd164 border color

This element has a border color of #bbd164.

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

CSS codes

.text {color:#bbd164;}

.background {background-color:#bbd164;}

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

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

#0a0b03
```
#0a0b03 rgb(10,11,3)
```
#171b08
```
#171b08 rgb(23,27,8)
```
#242a0c
```
#242a0c rgb(36,42,12)
```
#313911
```
#313911 rgb(49,57,17)
```
#3e4815
```
#3e4815 rgb(62,72,21)
```
#4b571a
```
#4b571a rgb(75,87,26)
```
#58661e
```
#58661e rgb(88,102,30)
```
#657523
```
#657523 rgb(101,117,35)
```
#728427
```
#728427 rgb(114,132,39)
```
#7f942c
```
#7f942c rgb(127,148,44)
```
#8ca330
```
#8ca330 rgb(140,163,48)
```
#99b235
```
#99b235 rgb(153,178,53)
```
#a6c139
```
#a6c139 rgb(166,193,57)
```

Shade Color Variation

#aec846
```
#aec846 rgb(174,200,70)
```
#b4cd55
```
#b4cd55 rgb(180,205,85)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#c2d573
```
#c2d573 rgb(194,213,115)
```
#c8da82
```
#c8da82 rgb(200,218,130)
```
#cfde91
```
#cfde91 rgb(207,222,145)
```
#d6e3a1
```
#d6e3a1 rgb(214,227,161)
```
#dce7b0
```
#dce7b0 rgb(220,231,176)
```
#e3ecbf
```
#e3ecbf rgb(227,236,191)
```
#e9f0ce
```
#e9f0ce rgb(233,240,206)
```
#f0f5dd
```
#f0f5dd rgb(240,245,221)
```
#f7f9ec
```
#f7f9ec rgb(247,249,236)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#9b9b9a
```
#9b9b9a rgb(155,155,154)
```
#9fa392
```
#9fa392 rgb(159,163,146)
```
#a4aa8b
```
#a4aa8b rgb(164,170,139)
```
#a9b283
```
#a9b283 rgb(169,178,131)
```
#adba7b
```
#adba7b rgb(173,186,123)
```
#b2c273
```
#b2c273 rgb(178,194,115)
```
#b6c96c
```
#b6c96c rgb(182,201,108)
```
#bbd164
```
#bbd164 rgb(187,209,100)
```
#c0d95c
```
#c0d95c rgb(192,217,92)
```
#c4e055
```
#c4e055 rgb(196,224,85)
```
#c9e84d
```
#c9e84d rgb(201,232,77)
```
#cdf045
```
#cdf045 rgb(205,240,69)
```
#d2f83d
```
#d2f83d rgb(210,248,61)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdc2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#deca69 Protanopia 1% of men
#f5c172 Deuteranopia 1% of men
#ccc7d5 Tritanopia 0.001% of the population

Trichromacy

#d1cc67 Protanomaly 1% of men, 0.01% of women
#dfc66d Deuteranomaly 6% of men, 0.4% of women
#c6cbac Tritanomaly 0.01% of the population

#bbd164 hex color

#bbd164 Color Information

#bbd164 Color Conversion

Color Schemes with #bbd164

Alternatives to #bbd164

#bbd164 Preview

Shades and Tints of #bbd164

Tones of #bbd164

Color Blindness Simulator