colorhexa.com

#b4f814 hex color

In a RGB color space, hex #b4f814 is composed of 70.6% red, 97.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 0% magenta, 91.9% yellow and 2.7% black. It has a hue angle of 77.9 degrees, a saturation of 94.2% and a lightness of 52.5%. #b4f814 color hex could be obtained by blending #ffff28 with #69f100. Closest websafe color is: #ccff00.

- R 71
- G 97
- B 8
RGB color chart
- C 27
- M 0
- Y 92
- K 3
CMYK color chart

● #b4f814 color description : Vivid green.

The hexadecimal color #b4f814 has RGB values of R:180, G:248, B:20 and CMYK values of C:0.27, M:0, Y:0.92, K:0.03. Its decimal value is 11859988.

Hex triplet	b4f814	`#b4f814`
RGB Decimal	180, 248, 20	`rgb(180,248,20)`
RGB Percent	70.6, 97.3, 7.8	`rgb(70.6%,97.3%,7.8%)`
CMYK	27, 0, 92, 3
HSL	77.9°, 94.2, 52.5	`hsl(77.9,94.2%,52.5%)`
HSV (or HSB)	77.9°, 91.9, 97.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.27, -47.774, 85.413
XYZ	52.515, 76.887, 12.736
xyY	0.369, 0.541, 76.887
CIE-LCH	90.27, 97.866, 119.22
CIE-LUV	90.27, -34.014, 103.161
Hunter-Lab	87.685, -46.545, 52.768
Binary	10110100, 11111000, 00010100

#b4f814
```
#b4f814 rgb(180,248,20)
```
#5814f8
```
#5814f8 rgb(88,20,248)
```

Complementary Color

#f8ca14
```
#f8ca14 rgb(248,202,20)
```
#b4f814
```
#b4f814 rgb(180,248,20)
```
#42f814
```
#42f814 rgb(66,248,20)
```

Analogous Color

#ca14f8
```
#ca14f8 rgb(202,20,248)
```
#b4f814
```
#b4f814 rgb(180,248,20)
```
#1442f8
```
#1442f8 rgb(20,66,248)
```

Split Complementary Color

#f814b4
```
#f814b4 rgb(248,20,180)
```
#b4f814
```
#b4f814 rgb(180,248,20)
```
#14b4f8
```
#14b4f8 rgb(20,180,248)
```

Triadic Color

#f85814
```
#f85814 rgb(248,88,20)
```
#b4f814
```
#b4f814 rgb(180,248,20)
```
#14b4f8
```
#14b4f8 rgb(20,180,248)
```
#5814f8
```
#5814f8 rgb(88,20,248)
```

Tetradic Color

#84ba06
```
#84ba06 rgb(132,186,6)
```
#96d306
```
#96d306 rgb(150,211,6)
```
#a7eb07
```
#a7eb07 rgb(167,235,7)
```
#b4f814
```
#b4f814 rgb(180,248,20)
```
#bcf92d
```
#bcf92d rgb(188,249,45)
```
#c4f946
```
#c4f946 rgb(196,249,70)
```
#ccfa5e
```
#ccfa5e rgb(204,250,94)
```

Monochromatic Color

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

#edf814
```
#edf814 rgb(237,248,20)
```
#daf814
```
#daf814 rgb(218,248,20)
```
#c7f814
```
#c7f814 rgb(199,248,20)
```
#b4f814
```
#b4f814 rgb(180,248,20)
```
#a1f814
```
#a1f814 rgb(161,248,20)
```
#8ef814
```
#8ef814 rgb(142,248,20)
```
#7bf814
```
#7bf814 rgb(123,248,20)
```

Similar Colors

Text with hexadecimal color #b4f814

This text has a font color of #b4f814.

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

#b4f814 background color

This paragraph has a background color of #b4f814.

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

#b4f814 border color

This element has a border color of #b4f814.

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

CSS codes

.text {color:#b4f814;}

.background {background-color:#b4f814;}

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

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, #090d00 is the darkest color, while #fdfff9 is the lightest one.

#090d00
```
#090d00 rgb(9,13,0)
```
#172001
```
#172001 rgb(23,32,1)
```
#243302
```
#243302 rgb(36,51,2)
```
#324602
```
#324602 rgb(50,70,2)
```
#3f5903
```
#3f5903 rgb(63,89,3)
```
#4d6c03
```
#4d6c03 rgb(77,108,3)
```
#5a7f04
```
#5a7f04 rgb(90,127,4)
```
#689204
```
#689204 rgb(104,146,4)
```
#75a505
```
#75a505 rgb(117,165,5)
```
#83b805
```
#83b805 rgb(131,184,5)
```
#90cb06
```
#90cb06 rgb(144,203,6)
```
#9ede07
```
#9ede07 rgb(158,222,7)
```
#abf107
```
#abf107 rgb(171,241,7)
```

Shade Color Variation

#b4f814
```
#b4f814 rgb(180,248,20)
```
#baf927
```
#baf927 rgb(186,249,39)
```
#c0f93a
```
#c0f93a rgb(192,249,58)
```
#c6fa4d
```
#c6fa4d rgb(198,250,77)
```
#ccfa60
```
#ccfa60 rgb(204,250,96)
```
#d2fb73
```
#d2fb73 rgb(210,251,115)
```
#d8fb86
```
#d8fb86 rgb(216,251,134)
```
#dffc99
```
#dffc99 rgb(223,252,153)
```
#e5fdac
```
#e5fdac rgb(229,253,172)
```
#ebfdbf
```
#ebfdbf rgb(235,253,191)
```
#f1fed2
```
#f1fed2 rgb(241,254,210)
```
#f7fee6
```
#f7fee6 rgb(247,254,230)
```
#fdfff9
```
#fdfff9 rgb(253,255,249)
```

Tint Color Variation

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

#878884
```
#878884 rgb(135,136,132)
```
#8b927a
```
#8b927a rgb(139,146,122)
```
#8e9b71
```
#8e9b71 rgb(142,155,113)
```
#92a468
```
#92a468 rgb(146,164,104)
```
#96ae5e
```
#96ae5e rgb(150,174,94)
```
#9ab755
```
#9ab755 rgb(154,183,85)
```
#9dc04c
```
#9dc04c rgb(157,192,76)
```
#a1c943
```
#a1c943 rgb(161,201,67)
```
#a5d339
```
#a5d339 rgb(165,211,57)
```
#a9dc30
```
#a9dc30 rgb(169,220,48)
```
#ace527
```
#ace527 rgb(172,229,39)
```
#b0ef1d
```
#b0ef1d rgb(176,239,29)
```
#b4f814
```
#b4f814 rgb(180,248,20)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c6d3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe547 Protanopia 1% of men
#ffdfb6 Deuteranopia 1% of men
#d1e7f8 Tritanopia 0.001% of the population

Trichromacy

#e3eb35 Protanomaly 1% of men, 0.01% of women
#e3e87b Deuteranomaly 6% of men, 0.4% of women
#c6eda5 Tritanomaly 0.01% of the population