colorhexa.com

#b4f55a hex color

In a RGB color space, hex #b4f55a is composed of 70.6% red, 96.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 63.3% yellow and 3.9% black. It has a hue angle of 85.2 degrees, a saturation of 88.6% and a lightness of 65.7%. #b4f55a color hex could be obtained by blending #ffffb4 with #69eb00. Closest websafe color is: #ccff66.

- R 71
- G 96
- B 35
RGB color chart
- C 27
- M 0
- Y 63
- K 4
CMYK color chart

● #b4f55a color description : Soft green.

The hexadecimal color #b4f55a has RGB values of R:180, G:245, B:90 and CMYK values of C:0.27, M:0, Y:0.63, K:0.04. Its decimal value is 11859290.

Hex triplet	b4f55a	`#b4f55a`
RGB Decimal	180, 245, 90	`rgb(180,245,90)`
RGB Percent	70.6, 96.1, 35.3	`rgb(70.6%,96.1%,35.3%)`
CMYK	27, 0, 63, 4
HSL	85.2°, 88.6, 65.7	`hsl(85.2,88.6%,65.7%)`
HSV (or HSB)	85.2°, 63.3, 96.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.741, -43.411, 65.878
XYZ	53.319, 75.745, 21.483
xyY	0.354, 0.503, 75.745
CIE-LCH	89.741, 78.895, 123.383
CIE-LUV	89.741, -32.38, 87.861
Hunter-Lab	87.032, -42.949, 46.287
Binary	10110100, 11110101, 01011010

#b4f55a
```
#b4f55a rgb(180,245,90)
```
#9b5af5
```
#9b5af5 rgb(155,90,245)
```

Complementary Color

#f5e95a
```
#f5e95a rgb(245,233,90)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#67f55a
```
#67f55a rgb(103,245,90)
```

Analogous Color

#e95af5
```
#e95af5 rgb(233,90,245)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#5a67f5
```
#5a67f5 rgb(90,103,245)
```

Split Complementary Color

#f55ab4
```
#f55ab4 rgb(245,90,180)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#5ab4f5
```
#5ab4f5 rgb(90,180,245)
```

Triadic Color

#f59b5a
```
#f59b5a rgb(245,155,90)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#5ab4f5
```
#5ab4f5 rgb(90,180,245)
```
#9b5af5
```
#9b5af5 rgb(155,90,245)
```

Tetradic Color

#93f112
```
#93f112 rgb(147,241,18)
```
#9ef22a
```
#9ef22a rgb(158,242,42)
```
#a9f442
```
#a9f442 rgb(169,244,66)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#bff672
```
#bff672 rgb(191,246,114)
```
#caf88a
```
#caf88a rgb(202,248,138)
```
#d5f9a2
```
#d5f9a2 rgb(213,249,162)
```

Monochromatic Color

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

#dbf55a
```
#dbf55a rgb(219,245,90)
```
#cef55a
```
#cef55a rgb(206,245,90)
```
#c1f55a
```
#c1f55a rgb(193,245,90)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#a7f55a
```
#a7f55a rgb(167,245,90)
```
#9af55a
```
#9af55a rgb(154,245,90)
```
#8df55a
```
#8df55a rgb(141,245,90)
```

Similar Colors

Text with hexadecimal color #b4f55a

This text has a font color of #b4f55a.

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

#b4f55a background color

This paragraph has a background color of #b4f55a.

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

#b4f55a border color

This element has a border color of #b4f55a.

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

CSS codes

.text {color:#b4f55a;}

.background {background-color:#b4f55a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0c1401
```
#0c1401 rgb(12,20,1)
```
#172602
```
#172602 rgb(23,38,2)
```
#233903
```
#233903 rgb(35,57,3)
```
#2e4b05
```
#2e4b05 rgb(46,75,5)
```
#395e06
```
#395e06 rgb(57,94,6)
```
#447007
```
#447007 rgb(68,112,7)
```
#4f8308
```
#4f8308 rgb(79,131,8)
```
#5b9509
```
#5b9509 rgb(91,149,9)
```
#66a80a
```
#66a80a rgb(102,168,10)
```
#71ba0b
```
#71ba0b rgb(113,186,11)
```
#7ccd0c
```
#7ccd0c rgb(124,205,12)
```
#87df0e
```
#87df0e rgb(135,223,14)
```

Shade Color Variation

#92f110
```
#92f110 rgb(146,241,16)
```
#9bf223
```
#9bf223 rgb(155,242,35)
```
#a3f335
```
#a3f335 rgb(163,243,53)
```
#acf448
```
#acf448 rgb(172,244,72)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#bcf66c
```
#bcf66c rgb(188,246,108)
```
#c5f77f
```
#c5f77f rgb(197,247,127)
```
#cdf891
```
#cdf891 rgb(205,248,145)
```
#d6f9a4
```
#d6f9a4 rgb(214,249,164)
```
#defbb6
```
#defbb6 rgb(222,251,182)
```
#e6fcc9
```
#e6fcc9 rgb(230,252,201)
```
#effddb
```
#effddb rgb(239,253,219)
```
#f7feee
```
#f7feee rgb(247,254,238)
```

Tint Color Variation

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

#a8aba4
```
#a8aba4 rgb(168,171,164)
```
#a9b29d
```
#a9b29d rgb(169,178,157)
```
#aab897
```
#aab897 rgb(170,184,151)
```
#abbf90
```
#abbf90 rgb(171,191,144)
```
#acc689
```
#acc689 rgb(172,198,137)
```
#adcd82
```
#adcd82 rgb(173,205,130)
```
#afd37c
```
#afd37c rgb(175,211,124)
```
#b0da75
```
#b0da75 rgb(176,218,117)
```
#b1e16e
```
#b1e16e rgb(177,225,110)
```
#b2e867
```
#b2e867 rgb(178,232,103)
```
#b3ee61
```
#b3ee61 rgb(179,238,97)
```
#b4f55a
```
#b4f55a rgb(180,245,90)
```
#b5fc53
```
#b5fc53 rgb(181,252,83)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce35d Protanopia 1% of men
#ffdeb5 Deuteranopia 1% of men
#cee6f7 Tritanopia 0.001% of the population

Trichromacy

#e2e95c Protanomaly 1% of men, 0.01% of women
#e3e694 Deuteranomaly 6% of men, 0.4% of women
#c4ebbe Tritanomaly 0.01% of the population