#b4c71f hex color

In a RGB color space, hex #b4c71f is composed of 70.6% red, 78% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 0% magenta, 84.4% yellow and 22% black. It has a hue angle of 66.8 degrees, a saturation of 73% and a lightness of 45.1%. #b4c71f color hex could be obtained by blending #ffff3e with #698f00. Closest websafe color is: #cccc33.

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

● #b4c71f color description : Strong yellow.

The hexadecimal color #b4c71f has RGB values of R:180, G:199, B:31 and CMYK values of C:0.1, M:0, Y:0.84, K:0.22. Its decimal value is 11847455.

Hex triplet	b4c71f	`#b4c71f`
RGB Decimal	180, 199, 31	`rgb(180,199,31)`
RGB Percent	70.6, 78, 12.2	`rgb(70.6%,78%,12.2%)`
CMYK	10, 0, 84, 22
HSL	66.8°, 73, 45.1	`hsl(66.8,73%,45.1%)`
HSV (or HSB)	66.8°, 84.4, 78
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.466, -25.456, 72.329
XYZ	39.493, 50.649, 8.992
xyY	0.398, 0.511, 50.649
CIE-LCH	76.466, 76.677, 109.389
CIE-LUV	76.466, -6.599, 82.898
Hunter-Lab	71.168, -25.491, 42.327
Binary	10110100, 11000111, 00011111

#b4c71f
```
#b4c71f rgb(180,199,31)
```
#321fc7
```
#321fc7 rgb(50,31,199)
```

Complementary Color

#c7861f
```
#c7861f rgb(199,134,31)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#60c71f
```
#60c71f rgb(96,199,31)
```

Analogous Color

#861fc7
```
#861fc7 rgb(134,31,199)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```

Split Complementary Color

#c71fb4
```
#c71fb4 rgb(199,31,180)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#1fb4c7
```
#1fb4c7 rgb(31,180,199)
```

Triadic Color

#c7321f
```
#c7321f rgb(199,50,31)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#1fb4c7
```
#1fb4c7 rgb(31,180,199)
```
#321fc7
```
#321fc7 rgb(50,31,199)
```

Tetradic Color

#788515
```
#788515 rgb(120,133,21)
```
#8c9b18
```
#8c9b18 rgb(140,155,24)
```
#a0b11c
```
#a0b11c rgb(160,177,28)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#c8dd23
```
#c8dd23 rgb(200,221,35)
```
#cde039
```
#cde039 rgb(205,224,57)
```
#d3e44f
```
#d3e44f rgb(211,228,79)
```

Monochromatic Color

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

#c7b01f
```
#c7b01f rgb(199,176,31)
```
#c7be1f
```
#c7be1f rgb(199,190,31)
```
#c2c71f
```
#c2c71f rgb(194,199,31)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#a6c71f
```
#a6c71f rgb(166,199,31)
```
#98c71f
```
#98c71f rgb(152,199,31)
```
#8ac71f
```
#8ac71f rgb(138,199,31)
```

Similar Colors

Text with hexadecimal color #b4c71f

This text has a font color of #b4c71f.

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

#b4c71f background color

This paragraph has a background color of #b4c71f.

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

#b4c71f border color

This element has a border color of #b4c71f.

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

CSS codes

.text {color:#b4c71f;}

.background {background-color:#b4c71f;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1a1d05
```
#1a1d05 rgb(26,29,5)
```
#2a2e07
```
#2a2e07 rgb(42,46,7)
```
#393f0a
```
#393f0a rgb(57,63,10)
```
#49500c
```
#49500c rgb(73,80,12)
```
#58610f
```
#58610f rgb(88,97,15)
```
#677212
```
#677212 rgb(103,114,18)
```
#778314
```
#778314 rgb(119,131,20)
```
#869417
```
#869417 rgb(134,148,23)
```
#95a51a
```
#95a51a rgb(149,165,26)
```
#a5b61c
```
#a5b61c rgb(165,182,28)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#c3d822
```
#c3d822 rgb(195,216,34)
```

Shade Color Variation

#cbdf2f
```
#cbdf2f rgb(203,223,47)
```
#cfe140
```
#cfe140 rgb(207,225,64)
```
#d3e451
```
#d3e451 rgb(211,228,81)
```
#d7e662
```
#d7e662 rgb(215,230,98)
```
#dce973
```
#dce973 rgb(220,233,115)
```
#e0ec84
```
#e0ec84 rgb(224,236,132)
```
#e4ee95
```
#e4ee95 rgb(228,238,149)
```
#e9f1a5
```
#e9f1a5 rgb(233,241,165)
```
#edf4b6
```
#edf4b6 rgb(237,244,182)
```
#f1f6c7
```
#f1f6c7 rgb(241,246,199)
```
#f5f9d8
```
#f5f9d8 rgb(245,249,216)
```
#fafce9
```
#fafce9 rgb(250,252,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#76776f
```
#76776f rgb(118,119,111)
```
#7d8066
```
#7d8066 rgb(125,128,102)
```
#84895d
```
#84895d rgb(132,137,93)
```
#8b9254
```
#8b9254 rgb(139,146,84)
```
#929b4b
```
#929b4b rgb(146,155,75)
```
#99a442
```
#99a442 rgb(153,164,66)
```
#9fac3a
```
#9fac3a rgb(159,172,58)
```
#a6b531
```
#a6b531 rgb(166,181,49)
```
#adbe28
```
#adbe28 rgb(173,190,40)
```
#b4c71f
```
#b4c71f rgb(180,199,31)
```
#bbd016
```
#bbd016 rgb(187,208,22)
```
#c2d90d
```
#c2d90d rgb(194,217,13)
```
#c9e204
```
#c9e204 rgb(201,226,4)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#afb391 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c027 Protanopia 1% of men
#efb637 Deuteranopia 1% of men
#c7bcca Tritanopia 0.001% of the population

Trichromacy

#cac224 Protanomaly 1% of men, 0.01% of women
#d9bc2e Deuteranomaly 6% of men, 0.4% of women
#c0c08b Tritanomaly 0.01% of the population

#b4c71f hex color

#b4c71f Color Information

#b4c71f Color Conversion

Color Schemes with #b4c71f

Alternatives to #b4c71f

#b4c71f Preview

Shades and Tints of #b4c71f

Tones of #b4c71f

Color Blindness Simulator