#b4f7cf hex color

In a RGB color space, hex #b4f7cf is composed of 70.6% red, 96.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 16.2% yellow and 3.1% black. It has a hue angle of 144.2 degrees, a saturation of 80.7% and a lightness of 83.7%. #b4f7cf color hex could be obtained by blending #ffffff with #69ef9f. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 97
- B 81
RGB color chart
- C 27
- M 0
- Y 16
- K 3
CMYK color chart

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

The hexadecimal color #b4f7cf has RGB values of R:180, G:247, B:207 and CMYK values of C:0.27, M:0, Y:0.16, K:0.03. Its decimal value is 11859919.

Hex triplet	b4f7cf	`#b4f7cf`
RGB Decimal	180, 247, 207	`rgb(180,247,207)`
RGB Percent	70.6, 96.9, 81.2	`rgb(70.6%,96.9%,81.2%)`
CMYK	27, 0, 16, 3
HSL	144.2°, 80.7, 83.7	`hsl(144.2,80.7%,83.7%)`
HSV (or HSB)	144.2°, 27.1, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.01, -28.822, 12.571
XYZ	63.343, 80.728, 71.273
xyY	0.294, 0.375, 80.728
CIE-LCH	92.01, 31.445, 156.435
CIE-LUV	92.01, -32.981, 23.816
Hunter-Lab	89.849, -31.394, 15.862
Binary	10110100, 11110111, 11001111

#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#f7b4dc
```
#f7b4dc rgb(247,180,220)
```

Complementary Color

#bbf7b4
```
#bbf7b4 rgb(187,247,180)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#b4f7f1
```
#b4f7f1 rgb(180,247,241)
```

Analogous Color

#f7b4bb
```
#f7b4bb rgb(247,180,187)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#f1b4f7
```
#f1b4f7 rgb(241,180,247)
```

Split Complementary Color

#f7cfb4
```
#f7cfb4 rgb(247,207,180)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#cfb4f7
```
#cfb4f7 rgb(207,180,247)
```

Triadic Color

#dcf7b4
```
#dcf7b4 rgb(220,247,180)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#cfb4f7
```
#cfb4f7 rgb(207,180,247)
```
#f7b4dc
```
#f7b4dc rgb(247,180,220)
```

Tetradic Color

#6ff0a3
```
#6ff0a3 rgb(111,240,163)
```
#86f2b2
```
#86f2b2 rgb(134,242,178)
```
#9df5c0
```
#9df5c0 rgb(157,245,192)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#cbf9de
```
#cbf9de rgb(203,249,222)
```
#e2fcec
```
#e2fcec rgb(226,252,236)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Monochromatic Color

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

#b4f7be
```
#b4f7be rgb(180,247,190)
```
#b4f7c4
```
#b4f7c4 rgb(180,247,196)
```
#b4f7c9
```
#b4f7c9 rgb(180,247,201)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#b4f7d5
```
#b4f7d5 rgb(180,247,213)
```
#b4f7da
```
#b4f7da rgb(180,247,218)
```
#b4f7e0
```
#b4f7e0 rgb(180,247,224)
```

Similar Colors

Text with hexadecimal color #b4f7cf

This text has a font color of #b4f7cf.

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

#b4f7cf background color

This paragraph has a background color of #b4f7cf.

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

#b4f7cf border color

This element has a border color of #b4f7cf.

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

CSS codes

.text {color:#b4f7cf;}

.background {background-color:#b4f7cf;}

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

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, #010e06 is the darkest color, while #fbfffc is the lightest one.

#010e06
```
#010e06 rgb(1,14,6)
```
#031f0f
```
#031f0f rgb(3,31,15)
```
#053117
```
#053117 rgb(5,49,23)
```
#07431f
```
#07431f rgb(7,67,31)
```
#095527
```
#095527 rgb(9,85,39)
```
#0b6630
```
#0b6630 rgb(11,102,48)
```
#0d7838
```
#0d7838 rgb(13,120,56)
```
#0f8a40
```
#0f8a40 rgb(15,138,64)
```
#119b49
```
#119b49 rgb(17,155,73)
```
#12ad51
```
#12ad51 rgb(18,173,81)
```
#14bf59
```
#14bf59 rgb(20,191,89)
```
#16d161
```
#16d161 rgb(22,209,97)
```
#18e26a
```
#18e26a rgb(24,226,106)
```

Shade Color Variation

#26e874
```
#26e874 rgb(38,232,116)
```
#38ea80
```
#38ea80 rgb(56,234,128)
```
#4aec8b
```
#4aec8b rgb(74,236,139)
```
#5bee96
```
#5bee96 rgb(91,238,150)
```
#6defa2
```
#6defa2 rgb(109,239,162)
```
#7ff1ad
```
#7ff1ad rgb(127,241,173)
```
#91f3b8
```
#91f3b8 rgb(145,243,184)
```
#a2f5c4
```
#a2f5c4 rgb(162,245,196)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#c6f9da
```
#c6f9da rgb(198,249,218)
```
#d7fbe6
```
#d7fbe6 rgb(215,251,230)
```
#e9fdf1
```
#e9fdf1 rgb(233,253,241)
```
#fbfffc
```
#fbfffc rgb(251,255,252)
```

Tint Color Variation

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

#d4d7d5
```
#d4d7d5 rgb(212,215,213)
```
#d1dad5
```
#d1dad5 rgb(209,218,213)
```
#ceddd4
```
#ceddd4 rgb(206,221,212)
```
#cae1d3
```
#cae1d3 rgb(202,225,211)
```
#c7e4d3
```
#c7e4d3 rgb(199,228,211)
```
#c4e7d2
```
#c4e7d2 rgb(196,231,210)
```
#c1ead1
```
#c1ead1 rgb(193,234,209)
```
#beedd1
```
#beedd1 rgb(190,237,209)
```
#baf1d0
```
#baf1d0 rgb(186,241,208)
```
#b7f4d0
```
#b7f4d0 rgb(183,244,208)
```
#b4f7cf
```
#b4f7cf rgb(180,247,207)
```
#b1face
```
#b1face rgb(177,250,206)
```
#aefdce
```
#aefdce rgb(174,253,206)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d6e3db Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e8ca Protanopia 1% of men
#ffe3dc Deuteranopia 1% of men
#c8efff Tritanopia 0.001% of the population

Trichromacy

#ddedcc Protanomaly 1% of men, 0.01% of women
#e3ead7 Deuteranomaly 6% of men, 0.4% of women
#c1f2ed Tritanomaly 0.01% of the population

#b4f7cf hex color

#b4f7cf Color Information

#b4f7cf Color Conversion

Color Schemes with #b4f7cf

Alternatives to #b4f7cf

#b4f7cf Preview

Shades and Tints of #b4f7cf

Tones of #b4f7cf

Color Blindness Simulator