#b4d71f hex color

In a RGB color space, hex #b4d71f is composed of 70.6% red, 84.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 85.6% yellow and 15.7% black. It has a hue angle of 71.4 degrees, a saturation of 74.8% and a lightness of 48.2%. #b4d71f color hex could be obtained by blending #ffff3e with #69af00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 84
- B 12
RGB color chart
- C 16
- M 0
- Y 86
- K 16
CMYK color chart

● #b4d71f color description : Strong yellow.

The hexadecimal color #b4d71f has RGB values of R:180, G:215, B:31 and CMYK values of C:0.16, M:0, Y:0.86, K:0.16. Its decimal value is 11851551.

Hex triplet	b4d71f	`#b4d71f`
RGB Decimal	180, 215, 31	`rgb(180,215,31)`
RGB Percent	70.6, 84.3, 12.2	`rgb(70.6%,84.3%,12.2%)`
CMYK	16, 0, 86, 16
HSL	71.4°, 74.8, 48.2	`hsl(71.4,74.8%,48.2%)`
HSV (or HSB)	71.4°, 85.6, 84.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.962, -33.007, 76.094
XYZ	43.37, 58.403, 10.284
xyY	0.387, 0.521, 58.403
CIE-LCH	80.962, 82.944, 113.449
CIE-LUV	80.962, -16.083, 89.252
Hunter-Lab	76.422, -32.438, 45.516
Binary	10110100, 11010111, 00011111

#b4d71f
```
#b4d71f rgb(180,215,31)
```
#421fd7
```
#421fd7 rgb(66,31,215)
```

Complementary Color

#d79e1f
```
#d79e1f rgb(215,158,31)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```
#58d71f
```
#58d71f rgb(88,215,31)
```

Analogous Color

#9e1fd7
```
#9e1fd7 rgb(158,31,215)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```
#1f58d7
```
#1f58d7 rgb(31,88,215)
```

Split Complementary Color

#d71fb4
```
#d71fb4 rgb(215,31,180)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```
#1fb4d7
```
#1fb4d7 rgb(31,180,215)
```

Triadic Color

#d7421f
```
#d7421f rgb(215,66,31)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```
#1fb4d7
```
#1fb4d7 rgb(31,180,215)
```
#421fd7
```
#421fd7 rgb(66,31,215)
```

Tetradic Color

#7c9415
```
#7c9415 rgb(124,148,21)
```
#8faa19
```
#8faa19 rgb(143,170,25)
```
#a1c11c
```
#a1c11c rgb(161,193,28)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```
#bfe12f
```
#bfe12f rgb(191,225,47)
```
#c6e445
```
#c6e445 rgb(198,228,69)
```
#cde75b
```
#cde75b rgb(205,231,91)
```

Monochromatic Color

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

#d7cc1f
```
#d7cc1f rgb(215,204,31)
```
#d3d71f
```
#d3d71f rgb(211,215,31)
```
#c3d71f
```
#c3d71f rgb(195,215,31)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```
#a5d71f
```
#a5d71f rgb(165,215,31)
```
#95d71f
```
#95d71f rgb(149,215,31)
```
#86d71f
```
#86d71f rgb(134,215,31)
```

Similar Colors

Text with hexadecimal color #b4d71f

This text has a font color of #b4d71f.

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

#b4d71f background color

This paragraph has a background color of #b4d71f.

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

#b4d71f border color

This element has a border color of #b4d71f.

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

CSS codes

.text {color:#b4d71f;}

.background {background-color:#b4d71f;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#161a04
```
#161a04 rgb(22,26,4)
```
#242c06
```
#242c06 rgb(36,44,6)
```
#333d09
```
#333d09 rgb(51,61,9)
```
#414e0b
```
#414e0b rgb(65,78,11)
```
#505f0e
```
#505f0e rgb(80,95,14)
```
#5e7010
```
#5e7010 rgb(94,112,16)
```
#6c8113
```
#6c8113 rgb(108,129,19)
```
#7b9215
```
#7b9215 rgb(123,146,21)
```
#89a418
```
#89a418 rgb(137,164,24)
```
#97b51a
```
#97b51a rgb(151,181,26)
```
#a6c61d
```
#a6c61d rgb(166,198,29)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```

Shade Color Variation

#bde029
```
#bde029 rgb(189,224,41)
```
#c3e33b
```
#c3e33b rgb(195,227,59)
```
#c8e54c
```
#c8e54c rgb(200,229,76)
```
#cde85d
```
#cde85d rgb(205,232,93)
```
#d2ea6e
```
#d2ea6e rgb(210,234,110)
```
#d8ed7f
```
#d8ed7f rgb(216,237,127)
```
#ddef90
```
#ddef90 rgb(221,239,144)
```
#e2f2a1
```
#e2f2a1 rgb(226,242,161)
```
#e8f4b3
```
#e8f4b3 rgb(232,244,179)
```
#edf6c4
```
#edf6c4 rgb(237,246,196)
```
#f2f9d5
```
#f2f9d5 rgb(242,249,213)
```
#f7fbe6
```
#f7fbe6 rgb(247,251,230)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#7f8274
```
#7f8274 rgb(127,130,116)
```
#858b6b
```
#858b6b rgb(133,139,107)
```
#8b9561
```
#8b9561 rgb(139,149,97)
```
#919e58
```
#919e58 rgb(145,158,88)
```
#97a84e
```
#97a84e rgb(151,168,78)
```
#9db145
```
#9db145 rgb(157,177,69)
```
#a2bb3b
```
#a2bb3b rgb(162,187,59)
```
#a8c432
```
#a8c432 rgb(168,196,50)
```
#aece28
```
#aece28 rgb(174,206,40)
```
#b4d71f
```
#b4d71f rgb(180,215,31)
```
#bae016
```
#bae016 rgb(186,224,22)
```
#c0ea0c
```
#c0ea0c rgb(192,234,12)
```
#c6f303
```
#c6f303 rgb(198,243,3)
```

Tone Color Variation

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

Dichromacy

#e4cc26 Protanopia 1% of men
#fdc23b Deuteranopia 1% of men
#cacad9 Tritanopia 0.001% of the population

Trichromacy

#d2d024 Protanomaly 1% of men, 0.01% of women
#e2c930 Deuteranomaly 6% of men, 0.4% of women
#c2cf95 Tritanomaly 0.01% of the population

#b4d71f hex color

#b4d71f Color Information

#b4d71f Color Conversion

Color Schemes with #b4d71f

Alternatives to #b4d71f

#b4d71f Preview

Shades and Tints of #b4d71f

Tones of #b4d71f

Color Blindness Simulator