#b4bd66 hex color

In a RGB color space, hex #b4bd66 is composed of 70.6% red, 74.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 46% yellow and 25.9% black. It has a hue angle of 66.2 degrees, a saturation of 39.7% and a lightness of 57.1%. #b4bd66 color hex could be obtained by blending #ffffcc with #697b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 74
- B 40
RGB color chart
- C 5
- M 0
- Y 46
- K 26
CMYK color chart

● #b4bd66 color description : Slightly desaturated yellow.

The hexadecimal color #b4bd66 has RGB values of R:180, G:189, B:102 and CMYK values of C:0.05, M:0, Y:0.46, K:0.26. Its decimal value is 11844966.

Hex triplet	b4bd66	`#b4bd66`
RGB Decimal	180, 189, 102	`rgb(180,189,102)`
RGB Percent	70.6, 74.1, 40	`rgb(70.6%,74.1%,40%)`
CMYK	5, 0, 46, 26
HSL	66.2°, 39.7, 57.1	`hsl(66.2,39.7%,57.1%)`
HSV (or HSB)	66.2°, 46, 74.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.227, -16.041, 42.683
XYZ	39.418, 47.058, 19.576
xyY	0.372, 0.444, 47.058
CIE-LCH	74.227, 45.598, 110.597
CIE-LUV	74.227, -1.675, 56.374
Hunter-Lab	68.599, -17.48, 31.099
Binary	10110100, 10111101, 01100110

#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#6f66bd
```
#6f66bd rgb(111,102,189)
```

Complementary Color

#bd9b66
```
#bd9b66 rgb(189,155,102)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#89bd66
```
#89bd66 rgb(137,189,102)
```

Analogous Color

#9b66bd
```
#9b66bd rgb(155,102,189)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#6689bd
```
#6689bd rgb(102,137,189)
```

Split Complementary Color

#bd66b4
```
#bd66b4 rgb(189,102,180)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#66b4bd
```
#66b4bd rgb(102,180,189)
```

Triadic Color

#bd6f66
```
#bd6f66 rgb(189,111,102)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#66b4bd
```
#66b4bd rgb(102,180,189)
```
#6f66bd
```
#6f66bd rgb(111,102,189)
```

Tetradic Color

#8d9641
```
#8d9641 rgb(141,150,65)
```
#9ea848
```
#9ea848 rgb(158,168,72)
```
#abb554
```
#abb554 rgb(171,181,84)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#bdc578
```
#bdc578 rgb(189,197,120)
```
#c5cc8a
```
#c5cc8a rgb(197,204,138)
```
#ced49b
```
#ced49b rgb(206,212,155)
```

Monochromatic Color

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

#bdb066
```
#bdb066 rgb(189,176,102)
```
#bdb866
```
#bdb866 rgb(189,184,102)
```
#bbbd66
```
#bbbd66 rgb(187,189,102)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#adbd66
```
#adbd66 rgb(173,189,102)
```
#a6bd66
```
#a6bd66 rgb(166,189,102)
```
#9ebd66
```
#9ebd66 rgb(158,189,102)
```

Similar Colors

Text with hexadecimal color #b4bd66

This text has a font color of #b4bd66.

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

#b4bd66 background color

This paragraph has a background color of #b4bd66.

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

#b4bd66 border color

This element has a border color of #b4bd66.

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

CSS codes

.text {color:#b4bd66;}

.background {background-color:#b4bd66;}

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

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

#0b0b05
```
#0b0b05 rgb(11,11,5)
```
#18190b
```
#18190b rgb(24,25,11)
```
#252711
```
#252711 rgb(37,39,17)
```
#313517
```
#313517 rgb(49,53,23)
```
#3e421d
```
#3e421d rgb(62,66,29)
```
#4b5022
```
#4b5022 rgb(75,80,34)
```
#585e28
```
#585e28 rgb(88,94,40)
```
#656b2e
```
#656b2e rgb(101,107,46)
```
#727934
```
#727934 rgb(114,121,52)
```
#7f873a
```
#7f873a rgb(127,135,58)
```
#8c9440
```
#8c9440 rgb(140,148,64)
```
#99a246
```
#99a246 rgb(153,162,70)
```
#a6b04c
```
#a6b04c rgb(166,176,76)
```

Shade Color Variation

#adb758
```
#adb758 rgb(173,183,88)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#bbc374
```
#bbc374 rgb(187,195,116)
```
#c1c981
```
#c1c981 rgb(193,201,129)
```
#c8cf8f
```
#c8cf8f rgb(200,207,143)
```
#cfd59d
```
#cfd59d rgb(207,213,157)
```
#d6dbab
```
#d6dbab rgb(214,219,171)
```
#dce0b8
```
#dce0b8 rgb(220,224,184)
```
#e3e6c6
```
#e3e6c6 rgb(227,230,198)
```
#eaecd4
```
#eaecd4 rgb(234,236,212)
```
#f0f2e1
```
#f0f2e1 rgb(240,242,225)
```
#f7f8ef
```
#f7f8ef rgb(247,248,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#939390
```
#939390 rgb(147,147,144)
```
#999b88
```
#999b88 rgb(153,155,136)
```
#a0a47f
```
#a0a47f rgb(160,164,127)
```
#a7ac77
```
#a7ac77 rgb(167,172,119)
```
#adb56e
```
#adb56e rgb(173,181,110)
```
#b4bd66
```
#b4bd66 rgb(180,189,102)
```
#bbc55e
```
#bbc55e rgb(187,197,94)
```
#c1ce55
```
#c1ce55 rgb(193,206,85)
```
#c8d64d
```
#c8d64d rgb(200,214,77)
```
#cfdf44
```
#cfdf44 rgb(207,223,68)
```
#d5e73c
```
#d5e73c rgb(213,231,60)
```
#dcf033
```
#dcf033 rgb(220,240,51)
```
#e3f82b
```
#e3f82b rgb(227,248,43)
```

Tone Color Variation

Below, you can see how #b4bd66 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
#b1b3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccba6b Protanopia 1% of men
#e0b272 Deuteranopia 1% of men
#c3b6c3 Tritanopia 0.001% of the population

Trichromacy

#c3bb69 Protanomaly 1% of men, 0.01% of women
#d0b66e Deuteranomaly 6% of men, 0.4% of women
#bdb8a1 Tritanomaly 0.01% of the population

#b4bd66 hex color

#b4bd66 Color Information

#b4bd66 Color Conversion

Color Schemes with #b4bd66

Alternatives to #b4bd66

#b4bd66 Preview

Shades and Tints of #b4bd66

Tones of #b4bd66

Color Blindness Simulator