#b4f5b4 hex color

In a RGB color space, hex #b4f5b4 is composed of 70.6% red, 96.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 26.5% yellow and 3.9% black. It has a hue angle of 120 degrees, a saturation of 76.5% and a lightness of 83.3%. #b4f5b4 color hex could be obtained by blending #ffffff with #69eb69. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 96
- B 71
RGB color chart
- C 27
- M 0
- Y 27
- K 4
CMYK color chart

● #b4f5b4 color description : Very soft lime green.

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

Hex triplet	b4f5b4	`#b4f5b4`
RGB Decimal	180, 245, 180	`rgb(180,245,180)`
RGB Percent	70.6, 96.1, 70.6	`rgb(70.6%,96.1%,70.6%)`
CMYK	27, 0, 27, 4
HSL	120°, 76.5, 83.3	`hsl(120,76.5%,83.3%)`
HSV (or HSB)	120°, 26.5, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.917, -32.623, 24.919
XYZ	59.711, 78.301, 55.145
xyY	0.309, 0.405, 78.301
CIE-LCH	90.917, 41.052, 142.626
CIE-LUV	90.917, -32.146, 41.544
Hunter-Lab	88.488, -34.405, 24.993
Binary	10110100, 11110101, 10110100

#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#f5b4f5
```
#f5b4f5 rgb(245,180,245)
```

Complementary Color

#d5f5b4
```
#d5f5b4 rgb(213,245,180)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#b4f5d5
```
#b4f5d5 rgb(180,245,213)
```

Analogous Color

#f5b4d5
```
#f5b4d5 rgb(245,180,213)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#d5b4f5
```
#d5b4f5 rgb(213,180,245)
```

Split Complementary Color

#f5b4b4
```
#f5b4b4 rgb(245,180,180)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#b4b4f5
```
#b4b4f5 rgb(180,180,245)
```

Triadic Color

#f5f5b4
```
#f5f5b4 rgb(245,245,180)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#b4b4f5
```
#b4b4f5 rgb(180,180,245)
```
#f5b4f5
```
#f5b4f5 rgb(245,180,245)
```

Tetradic Color

#71ec71
```
#71ec71 rgb(113,236,113)
```
#87ef87
```
#87ef87 rgb(135,239,135)
```
#9ef29e
```
#9ef29e rgb(158,242,158)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#cbf8cb
```
#cbf8cb rgb(203,248,203)
```
#e1fbe1
```
#e1fbe1 rgb(225,251,225)
```
#f8fef8
```
#f8fef8 rgb(248,254,248)
```

Monochromatic Color

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

#c4f5b4
```
#c4f5b4 rgb(196,245,180)
```
#bff5b4
```
#bff5b4 rgb(191,245,180)
```
#b9f5b4
```
#b9f5b4 rgb(185,245,180)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#b4f5b9
```
#b4f5b9 rgb(180,245,185)
```
#b4f5bf
```
#b4f5bf rgb(180,245,191)
```
#b4f5c4
```
#b4f5c4 rgb(180,245,196)
```

Similar Colors

Text with hexadecimal color #b4f5b4

This text has a font color of #b4f5b4.

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

#b4f5b4 background color

This paragraph has a background color of #b4f5b4.

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

#b4f5b4 border color

This element has a border color of #b4f5b4.

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

CSS codes

.text {color:#b4f5b4;}

.background {background-color:#b4f5b4;}

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

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, #020c02 is the darkest color, while #f9fef9 is the lightest one.

#020c02
```
#020c02 rgb(2,12,2)
```
#041d04
```
#041d04 rgb(4,29,4)
```
#062e06
```
#062e06 rgb(6,46,6)
```
#083f08
```
#083f08 rgb(8,63,8)
```
#0b510b
```
#0b510b rgb(11,81,11)
```
#0d620d
```
#0d620d rgb(13,98,13)
```
#0f730f
```
#0f730f rgb(15,115,15)
```
#128512
```
#128512 rgb(18,133,18)
```
#149614
```
#149614 rgb(20,150,20)
```
#16a716
```
#16a716 rgb(22,167,22)
```
#19b919
```
#19b919 rgb(25,185,25)
```
#1bca1b
```
#1bca1b rgb(27,202,27)
```
#1ddb1d
```
#1ddb1d rgb(29,219,29)
```

Shade Color Variation

#2ae32a
```
#2ae32a rgb(42,227,42)
```
#3be53b
```
#3be53b rgb(59,229,59)
```
#4ce74c
```
#4ce74c rgb(76,231,76)
```
#5de95d
```
#5de95d rgb(93,233,93)
```
#6fec6f
```
#6fec6f rgb(111,236,111)
```
#80ee80
```
#80ee80 rgb(128,238,128)
```
#91f091
```
#91f091 rgb(145,240,145)
```
#a3f3a3
```
#a3f3a3 rgb(163,243,163)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#c5f7c5
```
#c5f7c5 rgb(197,247,197)
```
#d7fad7
```
#d7fad7 rgb(215,250,215)
```
#e8fce8
```
#e8fce8 rgb(232,252,232)
```
#f9fef9
```
#f9fef9 rgb(249,254,249)
```

Tint Color Variation

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

#d1d8d1
```
#d1d8d1 rgb(209,216,209)
```
#cedbce
```
#cedbce rgb(206,219,206)
```
#cbdecb
```
#cbdecb rgb(203,222,203)
```
#c8e1c8
```
#c8e1c8 rgb(200,225,200)
```
#c4e5c4
```
#c4e5c4 rgb(196,229,196)
```
#c1e8c1
```
#c1e8c1 rgb(193,232,193)
```
#beebbe
```
#beebbe rgb(190,235,190)
```
#bbeebb
```
#bbeebb rgb(187,238,187)
```
#b7f2b7
```
#b7f2b7 rgb(183,242,183)
```
#b4f5b4
```
#b4f5b4 rgb(180,245,180)
```
#b1f8b1
```
#b1f8b1 rgb(177,248,177)
```
#adfcad
```
#adfcad rgb(173,252,173)
```
#aaffaa
```
#aaffaa rgb(170,255,170)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d2dfd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5e5b1 Protanopia 1% of men
#ffe0cc Deuteranopia 1% of men
#c6ecfd Tritanopia 0.001% of the population

Trichromacy

#ddebb2 Protanomaly 1% of men, 0.01% of women
#e3e8c3 Deuteranomaly 6% of men, 0.4% of women
#bfefe2 Tritanomaly 0.01% of the population

#b4f5b4 hex color

#b4f5b4 Color Information

#b4f5b4 Color Conversion

Color Schemes with #b4f5b4

Alternatives to #b4f5b4

#b4f5b4 Preview

Shades and Tints of #b4f5b4

Tones of #b4f5b4

Color Blindness Simulator