#b4f0c4 hex color

In a RGB color space, hex #b4f0c4 is composed of 70.6% red, 94.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 18.3% yellow and 5.9% black. It has a hue angle of 136 degrees, a saturation of 66.7% and a lightness of 82.4%. #b4f0c4 color hex could be obtained by blending #ffffff with #69e189. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 94
- B 77
RGB color chart
- C 25
- M 0
- Y 18
- K 6
CMYK color chart

● #b4f0c4 color description : Very soft cyan - lime green.

The hexadecimal color #b4f0c4 has RGB values of R:180, G:240, B:196 and CMYK values of C:0.25, M:0, Y:0.18, K:0.06. Its decimal value is 11858116.

Hex triplet	b4f0c4	`#b4f0c4`
RGB Decimal	180, 240, 196	`rgb(180,240,196)`
RGB Percent	70.6, 94.1, 76.9	`rgb(70.6%,94.1%,76.9%)`
CMYK	25, 0, 18, 6
HSL	136°, 66.7, 82.4	`hsl(136,66.7%,82.4%)`
HSV (or HSB)	136°, 25, 94.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	89.863, -27.521, 15.22
XYZ	59.944, 76.007, 63.734
xyY	0.3, 0.381, 76.007
CIE-LCH	89.863, 31.449, 151.056
CIE-LUV	89.863, -29.784, 27.281
Hunter-Lab	87.182, -29.838, 17.684
Binary	10110100, 11110000, 11000100

#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#f0b4e0
```
#f0b4e0 rgb(240,180,224)
```

Complementary Color

#c2f0b4
```
#c2f0b4 rgb(194,240,180)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#b4f0e2
```
#b4f0e2 rgb(180,240,226)
```

Analogous Color

#f0b4c2
```
#f0b4c2 rgb(240,180,194)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#e2b4f0
```
#e2b4f0 rgb(226,180,240)
```

Split Complementary Color

#f0c4b4
```
#f0c4b4 rgb(240,196,180)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#c4b4f0
```
#c4b4f0 rgb(196,180,240)
```

Triadic Color

#e0f0b4
```
#e0f0b4 rgb(224,240,180)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#c4b4f0
```
#c4b4f0 rgb(196,180,240)
```
#f0b4e0
```
#f0b4e0 rgb(240,180,224)
```

Tetradic Color

#74e392
```
#74e392 rgb(116,227,146)
```
#8ae8a3
```
#8ae8a3 rgb(138,232,163)
```
#9fecb3
```
#9fecb3 rgb(159,236,179)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#c9f4d5
```
#c9f4d5 rgb(201,244,213)
```
#dff9e5
```
#dff9e5 rgb(223,249,229)
```
#f4fdf6
```
#f4fdf6 rgb(244,253,246)
```

Monochromatic Color

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

#b4f0b5
```
#b4f0b5 rgb(180,240,181)
```
#b4f0ba
```
#b4f0ba rgb(180,240,186)
```
#b4f0bf
```
#b4f0bf rgb(180,240,191)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#b4f0c9
```
#b4f0c9 rgb(180,240,201)
```
#b4f0ce
```
#b4f0ce rgb(180,240,206)
```
#b4f0d3
```
#b4f0d3 rgb(180,240,211)
```

Similar Colors

Text with hexadecimal color #b4f0c4

This text has a font color of #b4f0c4.

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

#b4f0c4 background color

This paragraph has a background color of #b4f0c4.

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

#b4f0c4 border color

This element has a border color of #b4f0c4.

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

CSS codes

.text {color:#b4f0c4;}

.background {background-color:#b4f0c4;}

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

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

#010703
```
#010703 rgb(1,7,3)
```
#05170a
```
#05170a rgb(5,23,10)
```
#082710
```
#082710 rgb(8,39,16)
```
#0b3817
```
#0b3817 rgb(11,56,23)
```
#0e481e
```
#0e481e rgb(14,72,30)
```
#125825
```
#125825 rgb(18,88,37)
```
#15692b
```
#15692b rgb(21,105,43)
```
#187932
```
#187932 rgb(24,121,50)
```
#1c8a39
```
#1c8a39 rgb(28,138,57)
```
#1f9a40
```
#1f9a40 rgb(31,154,64)
```
#22aa46
```
#22aa46 rgb(34,170,70)
```
#25bb4d
```
#25bb4d rgb(37,187,77)
```
#29cb54
```
#29cb54 rgb(41,203,84)
```

Shade Color Variation

#31d65d
```
#31d65d rgb(49,214,93)
```
#42d96a
```
#42d96a rgb(66,217,106)
```
#52dc77
```
#52dc77 rgb(82,220,119)
```
#62e084
```
#62e084 rgb(98,224,132)
```
#73e391
```
#73e391 rgb(115,227,145)
```
#83e69d
```
#83e69d rgb(131,230,157)
```
#93e9aa
```
#93e9aa rgb(147,233,170)
```
#a4edb7
```
#a4edb7 rgb(164,237,183)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#c4f3d1
```
#c4f3d1 rgb(196,243,209)
```
#d5f7de
```
#d5f7de rgb(213,247,222)
```
#e5faeb
```
#e5faeb rgb(229,250,235)
```
#f5fdf7
```
#f5fdf7 rgb(245,253,247)
```

Tint Color Variation

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

#d0d4d1
```
#d0d4d1 rgb(208,212,209)
```
#ccd8cf
```
#ccd8cf rgb(204,216,207)
```
#c9dbce
```
#c9dbce rgb(201,219,206)
```
#c5dfcc
```
#c5dfcc rgb(197,223,204)
```
#c2e2ca
```
#c2e2ca rgb(194,226,202)
```
#bee6c9
```
#bee6c9 rgb(190,230,201)
```
#bbe9c7
```
#bbe9c7 rgb(187,233,199)
```
#b7edc6
```
#b7edc6 rgb(183,237,198)
```
#b4f0c4
```
#b4f0c4 rgb(180,240,196)
```
#b1f3c2
```
#b1f3c2 rgb(177,243,194)
```
#adf7c1
```
#adf7c1 rgb(173,247,193)
```
#aafabf
```
#aafabf rgb(170,250,191)
```
#a6febe
```
#a6febe rgb(166,254,190)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d2ded5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe2c0 Protanopia 1% of men
#ffdccf Deuteranopia 1% of men
#c3e9fa Tritanopia 0.001% of the population

Trichromacy

#d9e7c1 Protanomaly 1% of men, 0.01% of women
#e3e3cb Deuteranomaly 6% of men, 0.4% of women
#bdebe6 Tritanomaly 0.01% of the population

#b4f0c4 hex color

#b4f0c4 Color Information

#b4f0c4 Color Conversion

Color Schemes with #b4f0c4

Alternatives to #b4f0c4

#b4f0c4 Preview

Shades and Tints of #b4f0c4

Tones of #b4f0c4

Color Blindness Simulator