#b4f85e hex color

In a RGB color space, hex #b4f85e is composed of 70.6% red, 97.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 0% magenta, 62.1% yellow and 2.7% black. It has a hue angle of 86.5 degrees, a saturation of 91.7% and a lightness of 67.1%. #b4f85e color hex could be obtained by blending #ffffbc with #69f100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 71
- G 97
- B 37
RGB color chart
- C 27
- M 0
- Y 62
- K 3
CMYK color chart

● #b4f85e color description : Soft green.

The hexadecimal color #b4f85e has RGB values of R:180, G:248, B:94 and CMYK values of C:0.27, M:0, Y:0.62, K:0.03. Its decimal value is 11860062.

Hex triplet	b4f85e	`#b4f85e`
RGB Decimal	180, 248, 94	`rgb(180,248,94)`
RGB Percent	70.6, 97.3, 36.9	`rgb(70.6%,97.3%,36.9%)`
CMYK	27, 0, 62, 3
HSL	86.5°, 91.7, 67.1	`hsl(86.5,91.7%,67.1%)`
HSV (or HSB)	86.5°, 62.1, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.618, -44.4, 65.216
XYZ	54.409, 77.645, 22.709
xyY	0.352, 0.502, 77.645
CIE-LCH	90.618, 78.895, 124.248
CIE-LUV	90.618, -33.885, 87.817
Hunter-Lab	88.116, -43.985, 46.401
Binary	10110100, 11111000, 01011110

#b4f85e
```
#b4f85e rgb(180,248,94)
```
#a25ef8
```
#a25ef8 rgb(162,94,248)
```

Complementary Color

#f8ef5e
```
#f8ef5e rgb(248,239,94)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#67f85e
```
#67f85e rgb(103,248,94)
```

Analogous Color

#ef5ef8
```
#ef5ef8 rgb(239,94,248)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#5e67f8
```
#5e67f8 rgb(94,103,248)
```

Split Complementary Color

#f85eb4
```
#f85eb4 rgb(248,94,180)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#5eb4f8
```
#5eb4f8 rgb(94,180,248)
```

Triadic Color

#f8a25e
```
#f8a25e rgb(248,162,94)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#5eb4f8
```
#5eb4f8 rgb(94,180,248)
```
#a25ef8
```
#a25ef8 rgb(162,94,248)
```

Tetradic Color

#92f515
```
#92f515 rgb(146,245,21)
```
#9df62d
```
#9df62d rgb(157,246,45)
```
#a9f746
```
#a9f746 rgb(169,247,70)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#bff976
```
#bff976 rgb(191,249,118)
```
#cbfa8f
```
#cbfa8f rgb(203,250,143)
```
#d6fba7
```
#d6fba7 rgb(214,251,167)
```

Monochromatic Color

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

#dbf85e
```
#dbf85e rgb(219,248,94)
```
#cef85e
```
#cef85e rgb(206,248,94)
```
#c1f85e
```
#c1f85e rgb(193,248,94)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#a7f85e
```
#a7f85e rgb(167,248,94)
```
#9af85e
```
#9af85e rgb(154,248,94)
```
#8ef85e
```
#8ef85e rgb(142,248,94)
```

Similar Colors

Text with hexadecimal color #b4f85e

This text has a font color of #b4f85e.

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

#b4f85e background color

This paragraph has a background color of #b4f85e.

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

#b4f85e border color

This element has a border color of #b4f85e.

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

CSS codes

.text {color:#b4f85e;}

.background {background-color:#b4f85e;}

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

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

#050800
```
#050800 rgb(5,8,0)
```
#101b01
```
#101b01 rgb(16,27,1)
```
#1a2e02
```
#1a2e02 rgb(26,46,2)
```
#254103
```
#254103 rgb(37,65,3)
```
#305304
```
#305304 rgb(48,83,4)
```
#3b6604
```
#3b6604 rgb(59,102,4)
```
#467905
```
#467905 rgb(70,121,5)
```
#518c06
```
#518c06 rgb(81,140,6)
```
#5c9f07
```
#5c9f07 rgb(92,159,7)
```
#66b108
```
#66b108 rgb(102,177,8)
```
#71c409
```
#71c409 rgb(113,196,9)
```
#7cd709
```
#7cd709 rgb(124,215,9)
```
#87ea0a
```
#87ea0a rgb(135,234,10)
```

Shade Color Variation

#91f513
```
#91f513 rgb(145,245,19)
```
#9af626
```
#9af626 rgb(154,246,38)
```
#a2f638
```
#a2f638 rgb(162,246,56)
```
#abf74b
```
#abf74b rgb(171,247,75)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#bdf971
```
#bdf971 rgb(189,249,113)
```
#c6fa84
```
#c6fa84 rgb(198,250,132)
```
#cefa96
```
#cefa96 rgb(206,250,150)
```
#d7fba9
```
#d7fba9 rgb(215,251,169)
```
#e0fcbc
```
#e0fcbc rgb(224,252,188)
```
#e9fdcf
```
#e9fdcf rgb(233,253,207)
```
#f1fee2
```
#f1fee2 rgb(241,254,226)
```
#fafff4
```
#fafff4 rgb(250,255,244)
```

Tint Color Variation

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

#acb1a5
```
#acb1a5 rgb(172,177,165)
```
#acb79f
```
#acb79f rgb(172,183,159)
```
#adbe98
```
#adbe98 rgb(173,190,152)
```
#aec492
```
#aec492 rgb(174,196,146)
```
#afcb8b
```
#afcb8b rgb(175,203,139)
```
#afd185
```
#afd185 rgb(175,209,133)
```
#b0d87e
```
#b0d87e rgb(176,216,126)
```
#b1de78
```
#b1de78 rgb(177,222,120)
```
#b2e571
```
#b2e571 rgb(178,229,113)
```
#b2eb6b
```
#b2eb6b rgb(178,235,107)
```
#b3f264
```
#b3f264 rgb(179,242,100)
```
#b4f85e
```
#b4f85e rgb(180,248,94)
```
#b5fe58
```
#b5fe58 rgb(181,254,88)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#ccdabb Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee561 Protanopia 1% of men
#ffe0bc Deuteranopia 1% of men
#cee9fa Tritanopia 0.001% of the population

Trichromacy

#e3ec5f Protanomaly 1% of men, 0.01% of women
#e3e99a Deuteranomaly 6% of men, 0.4% of women
#c5eec1 Tritanomaly 0.01% of the population

#b4f85e hex color

#b4f85e Color Information

#b4f85e Color Conversion

Color Schemes with #b4f85e

Alternatives to #b4f85e

#b4f85e Preview

Shades and Tints of #b4f85e

Tones of #b4f85e

Color Blindness Simulator