#b4cd4d hex color

In a RGB color space, hex #b4cd4d is composed of 70.6% red, 80.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 0% magenta, 62.4% yellow and 19.6% black. It has a hue angle of 71.7 degrees, a saturation of 56.1% and a lightness of 55.3%. #b4cd4d color hex could be obtained by blending #ffff9a with #699b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 80
- B 30
RGB color chart
- C 12
- M 0
- Y 62
- K 20
CMYK color chart

● #b4cd4d color description : Moderate yellow.

The hexadecimal color #b4cd4d has RGB values of R:180, G:205, B:77 and CMYK values of C:0.12, M:0, Y:0.62, K:0.2. Its decimal value is 11849037.

Hex triplet	b4cd4d	`#b4cd4d`
RGB Decimal	180, 205, 77	`rgb(180,205,77)`
RGB Percent	70.6, 80.4, 30.2	`rgb(70.6%,80.4%,30.2%)`
CMYK	12, 0, 62, 20
HSL	71.7°, 56.1, 55.3	`hsl(71.7,56.1%,55.3%)`
HSV (or HSB)	71.7°, 62.4, 80.4
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.404, -26.099, 58.987
XYZ	41.993, 53.902, 15.213
xyY	0.378, 0.485, 53.902
CIE-LCH	78.404, 64.503, 113.867
CIE-LUV	78.404, -10.605, 74.398
Hunter-Lab	73.418, -26.384, 39.107
Binary	10110100, 11001101, 01001101

#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#664dcd
```
#664dcd rgb(102,77,205)
```

Complementary Color

#cda64d
```
#cda64d rgb(205,166,77)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#74cd4d
```
#74cd4d rgb(116,205,77)
```

Analogous Color

#a64dcd
```
#a64dcd rgb(166,77,205)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#4d74cd
```
#4d74cd rgb(77,116,205)
```

Split Complementary Color

#cd4db4
```
#cd4db4 rgb(205,77,180)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#4db4cd
```
#4db4cd rgb(77,180,205)
```

Triadic Color

#cd664d
```
#cd664d rgb(205,102,77)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#4db4cd
```
#4db4cd rgb(77,180,205)
```
#664dcd
```
#664dcd rgb(102,77,205)
```

Tetradic Color

#8aa02d
```
#8aa02d rgb(138,160,45)
```
#9bb433
```
#9bb433 rgb(155,180,51)
```
#acc739
```
#acc739 rgb(172,199,57)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#bcd361
```
#bcd361 rgb(188,211,97)
```
#c5d875
```
#c5d875 rgb(197,216,117)
```
#cdde89
```
#cdde89 rgb(205,222,137)
```

Monochromatic Color

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

#cdc64d
```
#cdc64d rgb(205,198,77)
```
#c9cd4d
```
#c9cd4d rgb(201,205,77)
```
#bfcd4d
```
#bfcd4d rgb(191,205,77)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#a9cd4d
```
#a9cd4d rgb(169,205,77)
```
#9fcd4d
```
#9fcd4d rgb(159,205,77)
```
#94cd4d
```
#94cd4d rgb(148,205,77)
```

Similar Colors

Text with hexadecimal color #b4cd4d

This text has a font color of #b4cd4d.

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

#b4cd4d background color

This paragraph has a background color of #b4cd4d.

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

#b4cd4d border color

This element has a border color of #b4cd4d.

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

CSS codes

.text {color:#b4cd4d;}

.background {background-color:#b4cd4d;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#121506
```
#121506 rgb(18,21,6)
```
#1f240a
```
#1f240a rgb(31,36,10)
```
#2c340f
```
#2c340f rgb(44,52,15)
```
#3a4313
```
#3a4313 rgb(58,67,19)
```
#475217
```
#475217 rgb(71,82,23)
```
#54621b
```
#54621b rgb(84,98,27)
```
#617120
```
#617120 rgb(97,113,32)
```
#6e8024
```
#6e8024 rgb(110,128,36)
```
#7b9028
```
#7b9028 rgb(123,144,40)
```
#899f2d
```
#899f2d rgb(137,159,45)
```
#96ae31
```
#96ae31 rgb(150,174,49)
```
#a3be35
```
#a3be35 rgb(163,190,53)
```

Shade Color Variation

#aec93e
```
#aec93e rgb(174,201,62)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#bad15c
```
#bad15c rgb(186,209,92)
```
#c1d66c
```
#c1d66c rgb(193,214,108)
```
#c7da7b
```
#c7da7b rgb(199,218,123)
```
#cede8a
```
#cede8a rgb(206,222,138)
```
#d4e39a
```
#d4e39a rgb(212,227,154)
```
#dbe7a9
```
#dbe7a9 rgb(219,231,169)
```
#e1ebb8
```
#e1ebb8 rgb(225,235,184)
```
#e8efc8
```
#e8efc8 rgb(232,239,200)
```
#eef4d7
```
#eef4d7 rgb(238,244,215)
```
#f5f8e6
```
#f5f8e6 rgb(245,248,230)
```
#fbfcf5
```
#fbfcf5 rgb(251,252,245)
```

Tint Color Variation

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

#8f908a
```
#8f908a rgb(143,144,138)
```
#949882
```
#949882 rgb(148,152,130)
```
#99a179
```
#99a179 rgb(153,161,121)
```
#9faa70
```
#9faa70 rgb(159,170,112)
```
#a4b367
```
#a4b367 rgb(164,179,103)
```
#a9bb5f
```
#a9bb5f rgb(169,187,95)
```
#afc456
```
#afc456 rgb(175,196,86)
```
#b4cd4d
```
#b4cd4d rgb(180,205,77)
```
#b9d644
```
#b9d644 rgb(185,214,68)
```
#bfdf3b
```
#bfdf3b rgb(191,223,59)
```
#c4e733
```
#c4e733 rgb(196,231,51)
```
#c9f02a
```
#c9f02a rgb(201,240,42)
```
#cff921
```
#cff921 rgb(207,249,33)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b6bba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac553 Protanopia 1% of men
#f1bc5d Deuteranopia 1% of men
#c7c3d1 Tritanopia 0.001% of the population

Trichromacy

#ccc851 Protanomaly 1% of men, 0.01% of women
#dbc257 Deuteranomaly 6% of men, 0.4% of women
#c0c6a1 Tritanomaly 0.01% of the population

#b4cd4d hex color

#b4cd4d Color Information

#b4cd4d Color Conversion

Color Schemes with #b4cd4d

Alternatives to #b4cd4d

#b4cd4d Preview

Shades and Tints of #b4cd4d

Tones of #b4cd4d

Color Blindness Simulator