#b4fd1f hex color

In a RGB color space, hex #b4fd1f is composed of 70.6% red, 99.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 0% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 79.7 degrees, a saturation of 98.2% and a lightness of 55.7%. #b4fd1f color hex could be obtained by blending #ffff3e with #69fb00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 71
- G 99
- B 12
RGB color chart
- C 29
- M 0
- Y 88
- K 1
CMYK color chart

● #b4fd1f color description : Vivid green.

The hexadecimal color #b4fd1f has RGB values of R:180, G:253, B:31 and CMYK values of C:0.29, M:0, Y:0.88, K:0.01. Its decimal value is 11861279.

Hex triplet	b4fd1f	`#b4fd1f`
RGB Decimal	180, 253, 31	`rgb(180,253,31)`
RGB Percent	70.6, 99.2, 12.2	`rgb(70.6%,99.2%,12.2%)`
CMYK	29, 0, 88, 1
HSL	79.7°, 98.2, 55.7	`hsl(79.7,98.2%,55.7%)`
HSV (or HSB)	79.7°, 87.7, 99.2
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.708, -49.647, 85.017
XYZ	54.194, 80.051, 13.892
xyY	0.366, 0.54, 80.051
CIE-LCH	91.708, 98.452, 120.283
CIE-LUV	91.708, -36.549, 104.08
Hunter-Lab	89.471, -48.455, 53.424
Binary	10110100, 11111101, 00011111

#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#681ffd
```
#681ffd rgb(104,31,253)
```

Complementary Color

#fdd71f
```
#fdd71f rgb(253,215,31)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#45fd1f
```
#45fd1f rgb(69,253,31)
```

Analogous Color

#d71ffd
```
#d71ffd rgb(215,31,253)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#1f45fd
```
#1f45fd rgb(31,69,253)
```

Split Complementary Color

#fd1fb4
```
#fd1fb4 rgb(253,31,180)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#1fb4fd
```
#1fb4fd rgb(31,180,253)
```

Triadic Color

#fd681f
```
#fd681f rgb(253,104,31)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#1fb4fd
```
#1fb4fd rgb(31,180,253)
```
#681ffd
```
#681ffd rgb(104,31,253)
```

Tetradic Color

#8bce02
```
#8bce02 rgb(139,206,2)
```
#9ce702
```
#9ce702 rgb(156,231,2)
```
#acfd06
```
#acfd06 rgb(172,253,6)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#bcfd38
```
#bcfd38 rgb(188,253,56)
```
#c5fd52
```
#c5fd52 rgb(197,253,82)
```
#cdfe6b
```
#cdfe6b rgb(205,254,107)
```

Monochromatic Color

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

#ecfd1f
```
#ecfd1f rgb(236,253,31)
```
#d9fd1f
```
#d9fd1f rgb(217,253,31)
```
#c7fd1f
```
#c7fd1f rgb(199,253,31)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#a2fd1f
```
#a2fd1f rgb(162,253,31)
```
#8ffd1f
```
#8ffd1f rgb(143,253,31)
```
#7dfd1f
```
#7dfd1f rgb(125,253,31)
```

Similar Colors

Text with hexadecimal color #b4fd1f

This text has a font color of #b4fd1f.

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

#b4fd1f background color

This paragraph has a background color of #b4fd1f.

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

#b4fd1f border color

This element has a border color of #b4fd1f.

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

CSS codes

.text {color:#b4fd1f;}

.background {background-color:#b4fd1f;}

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

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

#060900
```
#060900 rgb(6,9,0)
```
#131d00
```
#131d00 rgb(19,29,0)
```
#203000
```
#203000 rgb(32,48,0)
```
#2e4401
```
#2e4401 rgb(46,68,1)
```
#3b5701
```
#3b5701 rgb(59,87,1)
```
#486b01
```
#486b01 rgb(72,107,1)
```
#557e01
```
#557e01 rgb(85,126,1)
```
#629101
```
#629101 rgb(98,145,1)
```
#6fa501
```
#6fa501 rgb(111,165,1)
```
#7cb802
```
#7cb802 rgb(124,184,2)
```
#89cc02
```
#89cc02 rgb(137,204,2)
```
#96df02
```
#96df02 rgb(150,223,2)
```
#a4f302
```
#a4f302 rgb(164,243,2)
```

Shade Color Variation

#adfd0c
```
#adfd0c rgb(173,253,12)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```
#bbfd32
```
#bbfd32 rgb(187,253,50)
```
#c1fd46
```
#c1fd46 rgb(193,253,70)
```
#c8fe59
```
#c8fe59 rgb(200,254,89)
```
#cefe6d
```
#cefe6d rgb(206,254,109)
```
#d5fe80
```
#d5fe80 rgb(213,254,128)
```
#dbfe94
```
#dbfe94 rgb(219,254,148)
```
#e2fea7
```
#e2fea7 rgb(226,254,167)
```
#e8febb
```
#e8febb rgb(232,254,187)
```
#efffce
```
#efffce rgb(239,255,206)
```
#f5ffe1
```
#f5ffe1 rgb(245,255,225)
```
#fcfff5
```
#fcfff5 rgb(252,255,245)
```

Tint Color Variation

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

#909587
```
#909587 rgb(144,149,135)
```
#939d7f
```
#939d7f rgb(147,157,127)
```
#96a676
```
#96a676 rgb(150,166,118)
```
#99af6d
```
#99af6d rgb(153,175,109)
```
#9cb765
```
#9cb765 rgb(156,183,101)
```
#9fc05c
```
#9fc05c rgb(159,192,92)
```
#a2c953
```
#a2c953 rgb(162,201,83)
```
#a5d24a
```
#a5d24a rgb(165,210,74)
```
#a8da42
```
#a8da42 rgb(168,218,66)
```
#abe339
```
#abe339 rgb(171,227,57)
```
#aeec30
```
#aeec30 rgb(174,236,48)
```
#b1f428
```
#b1f428 rgb(177,244,40)
```
#b4fd1f
```
#b4fd1f rgb(180,253,31)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c9d7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe87c Protanopia 1% of men
#ffe4c3 Deuteranopia 1% of men
#d1ecfd Tritanopia 0.001% of the population

Trichromacy

#e3f05a Protanomaly 1% of men, 0.01% of women
#e3ed87 Deuteranomaly 6% of men, 0.4% of women
#c7f2ac Tritanomaly 0.01% of the population

#b4fd1f hex color

#b4fd1f Color Information

#b4fd1f Color Conversion

Color Schemes with #b4fd1f

Alternatives to #b4fd1f

#b4fd1f Preview

Shades and Tints of #b4fd1f

Tones of #b4fd1f

Color Blindness Simulator