#b4cd3e hex color

In a RGB color space, hex #b4cd3e is composed of 70.6% red, 80.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 0% magenta, 69.8% yellow and 19.6% black. It has a hue angle of 70.5 degrees, a saturation of 58.8% and a lightness of 52.4%. #b4cd3e color hex could be obtained by blending #ffff7c with #699b00. Closest websafe color is: #cccc33.

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

● #b4cd3e color description : Moderate yellow.

The hexadecimal color #b4cd3e has RGB values of R:180, G:205, B:62 and CMYK values of C:0.12, M:0, Y:0.7, K:0.2. Its decimal value is 11849022.

Hex triplet	b4cd3e	`#b4cd3e`
RGB Decimal	180, 205, 62	`rgb(180,205,62)`
RGB Percent	70.6, 80.4, 24.3	`rgb(70.6%,80.4%,24.3%)`
CMYK	12, 0, 70, 20
HSL	70.5°, 58.8, 52.4	`hsl(70.5,58.8%,52.4%)`
HSV (or HSB)	70.5°, 69.8, 80.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.294, -27.051, 64.762
XYZ	41.523, 53.714, 12.737
xyY	0.385, 0.497, 53.714
CIE-LCH	78.294, 70.185, 112.671
CIE-LUV	78.294, -10.442, 79.017
Hunter-Lab	73.29, -27.126, 40.998
Binary	10110100, 11001101, 00111110

#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#573ecd
```
#573ecd rgb(87,62,205)
```

Complementary Color

#cd9f3e
```
#cd9f3e rgb(205,159,62)
```
#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#6dcd3e
```
#6dcd3e rgb(109,205,62)
```

Analogous Color

#9f3ecd
```
#9f3ecd rgb(159,62,205)
```
#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#3e6dcd
```
#3e6dcd rgb(62,109,205)
```

Split Complementary Color

#cd3eb4
```
#cd3eb4 rgb(205,62,180)
```
#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#3eb4cd
```
#3eb4cd rgb(62,180,205)
```

Triadic Color

#cd573e
```
#cd573e rgb(205,87,62)
```
#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#3eb4cd
```
#3eb4cd rgb(62,180,205)
```
#573ecd
```
#573ecd rgb(87,62,205)
```

Tetradic Color

#849727
```
#849727 rgb(132,151,39)
```
#95ac2c
```
#95ac2c rgb(149,172,44)
```
#a7c032
```
#a7c032 rgb(167,192,50)
```
#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#bcd252
```
#bcd252 rgb(188,210,82)
```
#c4d767
```
#c4d767 rgb(196,215,103)
```
#ccdd7b
```
#ccdd7b rgb(204,221,123)
```

Monochromatic Color

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

#cdc23e
```
#cdc23e rgb(205,194,62)
```
#cccd3e
```
#cccd3e rgb(204,205,62)
```
#c0cd3e
```
#c0cd3e rgb(192,205,62)
```
#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#a8cd3e
```
#a8cd3e rgb(168,205,62)
```
#9ccd3e
```
#9ccd3e rgb(156,205,62)
```
#90cd3e
```
#90cd3e rgb(144,205,62)
```

Similar Colors

Text with hexadecimal color #b4cd3e

This text has a font color of #b4cd3e.

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

#b4cd3e background color

This paragraph has a background color of #b4cd3e.

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

#b4cd3e border color

This element has a border color of #b4cd3e.

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

CSS codes

.text {color:#b4cd3e;}

.background {background-color:#b4cd3e;}

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

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, #080a02 is the darkest color, while #fdfdf9 is the lightest one.

#080a02
```
#080a02 rgb(8,10,2)
```
#161907
```
#161907 rgb(22,25,7)
```
#23290b
```
#23290b rgb(35,41,11)
```
#31380f
```
#31380f rgb(49,56,15)
```
#3f4813
```
#3f4813 rgb(63,72,19)
```
#4c5717
```
#4c5717 rgb(76,87,23)
```
#5a671b
```
#5a671b rgb(90,103,27)
```
#67771f
```
#67771f rgb(103,119,31)
```
#758623
```
#758623 rgb(117,134,35)
```
#829627
```
#829627 rgb(130,150,39)
```
#90a52b
```
#90a52b rgb(144,165,43)
```
#9db52f
```
#9db52f rgb(157,181,47)
```
#abc433
```
#abc433 rgb(171,196,51)
```

Shade Color Variation

#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#bad14e
```
#bad14e rgb(186,209,78)
```
#c0d55d
```
#c0d55d rgb(192,213,93)
```
#c6d96d
```
#c6d96d rgb(198,217,109)
```
#ccdd7c
```
#ccdd7c rgb(204,221,124)
```
#d2e18c
```
#d2e18c rgb(210,225,140)
```
#d8e59b
```
#d8e59b rgb(216,229,155)
```
#dee9ab
```
#dee9ab rgb(222,233,171)
```
#e4edbb
```
#e4edbb rgb(228,237,187)
```
#eaf1ca
```
#eaf1ca rgb(234,241,202)
```
#f1f5da
```
#f1f5da rgb(241,245,218)
```
#f7f9e9
```
#f7f9e9 rgb(247,249,233)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#898c7f
```
#898c7f rgb(137,140,127)
```
#909576
```
#909576 rgb(144,149,118)
```
#969e6d
```
#969e6d rgb(150,158,109)
```
#9ca863
```
#9ca863 rgb(156,168,99)
```
#a2b15a
```
#a2b15a rgb(162,177,90)
```
#a8ba51
```
#a8ba51 rgb(168,186,81)
```
#aec447
```
#aec447 rgb(174,196,71)
```
#b4cd3e
```
#b4cd3e rgb(180,205,62)
```
#bad635
```
#bad635 rgb(186,214,53)
```
#c0e02b
```
#c0e02b rgb(192,224,43)
```
#c6e922
```
#c6e922 rgb(198,233,34)
```
#ccf219
```
#ccf219 rgb(204,242,25)
```
#d2fc0f
```
#d2fc0f rgb(210,252,15)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b5ba9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc545 Protanopia 1% of men
#f3bb50 Deuteranopia 1% of men
#c7c2d0 Tritanopia 0.001% of the population

Trichromacy

#cdc842 Protanomaly 1% of men, 0.01% of women
#dcc24a Deuteranomaly 6% of men, 0.4% of women
#c0c69b Tritanomaly 0.01% of the population

#b4cd3e hex color

#b4cd3e Color Information

#b4cd3e Color Conversion

Color Schemes with #b4cd3e

Alternatives to #b4cd3e

#b4cd3e Preview

Shades and Tints of #b4cd3e

Tones of #b4cd3e

Color Blindness Simulator