#b4f2af hex color

In a RGB color space, hex #b4f2af is composed of 70.6% red, 94.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 27.7% yellow and 5.1% black. It has a hue angle of 115.5 degrees, a saturation of 72% and a lightness of 81.8%. #b4f2af color hex could be obtained by blending #ffffff with #69e55f. Closest websafe color is: #ccff99.

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

● #b4f2af color description : Very soft lime green.

The hexadecimal color #b4f2af has RGB values of R:180, G:242, B:175 and CMYK values of C:0.26, M:0, Y:0.28, K:0.05. Its decimal value is 11858607.

Hex triplet	b4f2af	`#b4f2af`
RGB Decimal	180, 242, 175	`rgb(180,242,175)`
RGB Percent	70.6, 94.9, 68.6	`rgb(70.6%,94.9%,68.6%)`
CMYK	26, 0, 28, 5
HSL	115.5°, 72, 81.8	`hsl(115.5,72%,81.8%)`
HSV (or HSB)	115.5°, 27.7, 94.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	89.999, -32.039, 26.215
XYZ	58.31, 76.301, 52.21
xyY	0.312, 0.408, 76.301
CIE-LCH	89.999, 41.397, 140.709
CIE-LUV	89.999, -30.737, 43.054
Hunter-Lab	87.35, -33.707, 25.707
Binary	10110100, 11110010, 10101111

#b4f2af
```
#b4f2af rgb(180,242,175)
```
#edaff2
```
#edaff2 rgb(237,175,242)
```

Complementary Color

#d6f2af
```
#d6f2af rgb(214,242,175)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#aff2cc
```
#aff2cc rgb(175,242,204)
```

Analogous Color

#f2afd6
```
#f2afd6 rgb(242,175,214)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#ccaff2
```
#ccaff2 rgb(204,175,242)
```

Split Complementary Color

#f2afb4
```
#f2afb4 rgb(242,175,180)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#afb4f2
```
#afb4f2 rgb(175,180,242)
```

Triadic Color

#f2edaf
```
#f2edaf rgb(242,237,175)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#afb4f2
```
#afb4f2 rgb(175,180,242)
```
#edaff2
```
#edaff2 rgb(237,175,242)
```

Tetradic Color

#76e76d
```
#76e76d rgb(118,231,109)
```
#8beb83
```
#8beb83 rgb(139,235,131)
```
#9fee99
```
#9fee99 rgb(159,238,153)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#c9f6c5
```
#c9f6c5 rgb(201,246,197)
```
#ddf9db
```
#ddf9db rgb(221,249,219)
```
#f2fdf1
```
#f2fdf1 rgb(242,253,241)
```

Monochromatic Color

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

#c5f2af
```
#c5f2af rgb(197,242,175)
```
#bff2af
```
#bff2af rgb(191,242,175)
```
#baf2af
```
#baf2af rgb(186,242,175)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#aff2b0
```
#aff2b0 rgb(175,242,176)
```
#aff2b5
```
#aff2b5 rgb(175,242,181)
```
#aff2bb
```
#aff2bb rgb(175,242,187)
```

Similar Colors

Text with hexadecimal color #b4f2af

This text has a font color of #b4f2af.

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

#b4f2af background color

This paragraph has a background color of #b4f2af.

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

#b4f2af border color

This element has a border color of #b4f2af.

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

CSS codes

.text {color:#b4f2af;}

.background {background-color:#b4f2af;}

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

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

#010401
```
#010401 rgb(1,4,1)
```
#051503
```
#051503 rgb(5,21,3)
```
#092606
```
#092606 rgb(9,38,6)
```
#0c3709
```
#0c3709 rgb(12,55,9)
```
#10480c
```
#10480c rgb(16,72,12)
```
#14590e
```
#14590e rgb(20,89,14)
```
#186a11
```
#186a11 rgb(24,106,17)
```
#1c7a14
```
#1c7a14 rgb(28,122,20)
```
#1f8b17
```
#1f8b17 rgb(31,139,23)
```
#239c19
```
#239c19 rgb(35,156,25)
```
#27ad1c
```
#27ad1c rgb(39,173,28)
```
#2bbe1f
```
#2bbe1f rgb(43,190,31)
```
#2fcf22
```
#2fcf22 rgb(47,207,34)
```

Shade Color Variation

#35dc28
```
#35dc28 rgb(53,220,40)
```
#45df39
```
#45df39 rgb(69,223,57)
```
#55e24a
```
#55e24a rgb(85,226,74)
```
#65e45b
```
#65e45b rgb(101,228,91)
```
#75e76c
```
#75e76c rgb(117,231,108)
```
#85ea7c
```
#85ea7c rgb(133,234,124)
```
#94ed8d
```
#94ed8d rgb(148,237,141)
```
#a4ef9e
```
#a4ef9e rgb(164,239,158)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#c4f5c0
```
#c4f5c0 rgb(196,245,192)
```
#d4f7d1
```
#d4f7d1 rgb(212,247,209)
```
#e3fae2
```
#e3fae2 rgb(227,250,226)
```
#f3fdf2
```
#f3fdf2 rgb(243,253,242)
```

Tint Color Variation

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

#cfd2cf
```
#cfd2cf rgb(207,210,207)
```
#ccd5cc
```
#ccd5cc rgb(204,213,204)
```
#c9d9c8
```
#c9d9c8 rgb(201,217,200)
```
#c6ddc4
```
#c6ddc4 rgb(198,221,196)
```
#c3e0c1
```
#c3e0c1 rgb(195,224,193)
```
#c0e4bd
```
#c0e4bd rgb(192,228,189)
```
#bde7ba
```
#bde7ba rgb(189,231,186)
```
#baebb6
```
#baebb6 rgb(186,235,182)
```
#b7eeb3
```
#b7eeb3 rgb(183,238,179)
```
#b4f2af
```
#b4f2af rgb(180,242,175)
```
#b1f6ab
```
#b1f6ab rgb(177,246,171)
```
#aef9a8
```
#aef9a8 rgb(174,249,168)
```
#abfda4
```
#abfda4 rgb(171,253,164)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d1ddd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e3ac Protanopia 1% of men
#ffddc6 Deuteranopia 1% of men
#c6e9fa Tritanopia 0.001% of the population

Trichromacy

#dce8ad Protanomaly 1% of men, 0.01% of women
#e3e5bd Deuteranomaly 6% of men, 0.4% of women
#bfecde Tritanomaly 0.01% of the population

#b4f2af hex color

#b4f2af Color Information

#b4f2af Color Conversion

Color Schemes with #b4f2af

Alternatives to #b4f2af

#b4f2af Preview

Shades and Tints of #b4f2af

Tones of #b4f2af

Color Blindness Simulator