#b4f380 hex color

In a RGB color space, hex #b4f380 is composed of 70.6% red, 95.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 47.3% yellow and 4.7% black. It has a hue angle of 92.9 degrees, a saturation of 82.7% and a lightness of 72.7%. #b4f380 color hex could be obtained by blending #ffffff with #69e701. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 71
- G 95
- B 50
RGB color chart
- C 26
- M 0
- Y 47
- K 5
CMYK color chart

● #b4f380 color description : Soft green.

The hexadecimal color #b4f380 has RGB values of R:180, G:243, B:128 and CMYK values of C:0.26, M:0, Y:0.47, K:0.05. Its decimal value is 11858816.

Hex triplet	b4f380	`#b4f380`
RGB Decimal	180, 243, 128	`rgb(180,243,128)`
RGB Percent	70.6, 95.3, 50.2	`rgb(70.6%,95.3%,50.2%)`
CMYK	26, 0, 47, 5
HSL	92.9°, 82.7, 72.7	`hsl(92.9,82.7%,72.7%)`
HSV (or HSB)	92.9°, 47.3, 95.3
Web Safe	ccff99	`#ccff99`

CIE-LAB	89.562, -38.94, 48.919
XYZ	54.768, 75.361, 32.082
xyY	0.338, 0.465, 75.361
CIE-LCH	89.562, 62.525, 128.52
CIE-LUV	89.562, -31.299, 70.971
Hunter-Lab	86.811, -39.306, 38.857
Binary	10110100, 11110011, 10000000

#b4f380
```
#b4f380 rgb(180,243,128)
```
#bf80f3
```
#bf80f3 rgb(191,128,243)
```

Complementary Color

#eef380
```
#eef380 rgb(238,243,128)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#80f386
```
#80f386 rgb(128,243,134)
```

Analogous Color

#f380ee
```
#f380ee rgb(243,128,238)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#8680f3
```
#8680f3 rgb(134,128,243)
```

Split Complementary Color

#f380b4
```
#f380b4 rgb(243,128,180)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#80b4f3
```
#80b4f3 rgb(128,180,243)
```

Triadic Color

#f3bf80
```
#f3bf80 rgb(243,191,128)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#80b4f3
```
#80b4f3 rgb(128,180,243)
```
#bf80f3
```
#bf80f3 rgb(191,128,243)
```

Tetradic Color

#8bec3a
```
#8bec3a rgb(139,236,58)
```
#98ef51
```
#98ef51 rgb(152,239,81)
```
#a6f169
```
#a6f169 rgb(166,241,105)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#c2f597
```
#c2f597 rgb(194,245,151)
```
#d0f7af
```
#d0f7af rgb(208,247,175)
```
#ddfac6
```
#ddfac6 rgb(221,250,198)
```

Monochromatic Color

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

#d1f380
```
#d1f380 rgb(209,243,128)
```
#c7f380
```
#c7f380 rgb(199,243,128)
```
#bef380
```
#bef380 rgb(190,243,128)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#aaf380
```
#aaf380 rgb(170,243,128)
```
#a1f380
```
#a1f380 rgb(161,243,128)
```
#97f380
```
#97f380 rgb(151,243,128)
```

Similar Colors

Text with hexadecimal color #b4f380

This text has a font color of #b4f380.

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

#b4f380 background color

This paragraph has a background color of #b4f380.

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

#b4f380 border color

This element has a border color of #b4f380.

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

CSS codes

.text {color:#b4f380;}

.background {background-color:#b4f380;}

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

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

#081002
```
#081002 rgb(8,16,2)
```
#112203
```
#112203 rgb(17,34,3)
```
#1a3405
```
#1a3405 rgb(26,52,5)
```
#234607
```
#234607 rgb(35,70,7)
```
#2c5808
```
#2c5808 rgb(44,88,8)
```
#356a0a
```
#356a0a rgb(53,106,10)
```
#3e7c0c
```
#3e7c0c rgb(62,124,12)
```
#478e0d
```
#478e0d rgb(71,142,13)
```
#51a00f
```
#51a00f rgb(81,160,15)
```
#5ab211
```
#5ab211 rgb(90,178,17)
```
#63c412
```
#63c412 rgb(99,196,18)
```
#6cd614
```
#6cd614 rgb(108,214,20)
```
#75e716
```
#75e716 rgb(117,231,22)
```

Shade Color Variation

#7feb26
```
#7feb26 rgb(127,235,38)
```
#8aec38
```
#8aec38 rgb(138,236,56)
```
#94ee4a
```
#94ee4a rgb(148,238,74)
```
#9ff05c
```
#9ff05c rgb(159,240,92)
```
#a9f16e
```
#a9f16e rgb(169,241,110)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#bff592
```
#bff592 rgb(191,245,146)
```
#c9f6a4
```
#c9f6a4 rgb(201,246,164)
```
#d4f8b6
```
#d4f8b6 rgb(212,248,182)
```
#defac8
```
#defac8 rgb(222,250,200)
```
#e9fbda
```
#e9fbda rgb(233,251,218)
```
#f4fdec
```
#f4fdec rgb(244,253,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#b9beb5
```
#b9beb5 rgb(185,190,181)
```
#b9c3b0
```
#b9c3b0 rgb(185,195,176)
```
#b8c8ab
```
#b8c8ab rgb(184,200,171)
```
#b8cea5
```
#b8cea5 rgb(184,206,165)
```
#b7d3a0
```
#b7d3a0 rgb(183,211,160)
```
#b7d89b
```
#b7d89b rgb(183,216,155)
```
#b6de95
```
#b6de95 rgb(182,222,149)
```
#b6e390
```
#b6e390 rgb(182,227,144)
```
#b5e88b
```
#b5e88b rgb(181,232,139)
```
#b5ee85
```
#b5ee85 rgb(181,238,133)
```
#b4f380
```
#b4f380 rgb(180,243,128)
```
#b3f87b
```
#b3f87b rgb(179,248,123)
```
#b3fe75
```
#b3fe75 rgb(179,254,117)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cdd9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e280 Protanopia 1% of men
#ffddb8 Deuteranopia 1% of men
#cbe6f7 Tritanopia 0.001% of the population

Trichromacy

#dfe880 Protanomaly 1% of men, 0.01% of women
#e3e5a3 Deuteranomaly 6% of men, 0.4% of women
#c2ebcb Tritanomaly 0.01% of the population

#b4f380 hex color

#b4f380 Color Information

#b4f380 Color Conversion

Color Schemes with #b4f380

Alternatives to #b4f380

#b4f380 Preview

Shades and Tints of #b4f380

Tones of #b4f380

Color Blindness Simulator