#b4f2cf hex color

In a RGB color space, hex #b4f2cf is composed of 70.6% red, 94.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 14.5% yellow and 5.1% black. It has a hue angle of 146.1 degrees, a saturation of 70.5% and a lightness of 82.7%. #b4f2cf color hex could be obtained by blending #ffffff with #69e59f. Closest websafe color is: #ccffcc.

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

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

The hexadecimal color #b4f2cf has RGB values of R:180, G:242, B:207 and CMYK values of C:0.26, M:0, Y:0.14, K:0.05. Its decimal value is 11858639.

Hex triplet	b4f2cf	`#b4f2cf`
RGB Decimal	180, 242, 207	`rgb(180,242,207)`
RGB Percent	70.6, 94.9, 81.2	`rgb(70.6%,94.9%,81.2%)`
CMYK	26, 0, 14, 5
HSL	146.1°, 70.5, 82.7	`hsl(146.1,70.5%,82.7%)`
HSV (or HSB)	146.1°, 25.6, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.648, -26.444, 10.631
XYZ	61.834, 77.71, 70.77
xyY	0.294, 0.369, 77.71
CIE-LCH	90.648, 28.501, 158.099
CIE-LUV	90.648, -30.704, 20.53
Hunter-Lab	88.154, -29.063, 14.109
Binary	10110100, 11110010, 11001111

#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#f2b4d7
```
#f2b4d7 rgb(242,180,215)
```

Complementary Color

#b8f2b4
```
#b8f2b4 rgb(184,242,180)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#b4f2ee
```
#b4f2ee rgb(180,242,238)
```

Analogous Color

#f2b4b8
```
#f2b4b8 rgb(242,180,184)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#eeb4f2
```
#eeb4f2 rgb(238,180,242)
```

Split Complementary Color

#f2cfb4
```
#f2cfb4 rgb(242,207,180)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#cfb4f2
```
#cfb4f2 rgb(207,180,242)
```

Triadic Color

#d7f2b4
```
#d7f2b4 rgb(215,242,180)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#cfb4f2
```
#cfb4f2 rgb(207,180,242)
```
#f2b4d7
```
#f2b4d7 rgb(242,180,215)
```

Tetradic Color

#73e7a5
```
#73e7a5 rgb(115,231,165)
```
#89eab3
```
#89eab3 rgb(137,234,179)
```
#9eeec1
```
#9eeec1 rgb(158,238,193)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#caf6dd
```
#caf6dd rgb(202,246,221)
```
#dffaeb
```
#dffaeb rgb(223,250,235)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Monochromatic Color

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

#b4f2c0
```
#b4f2c0 rgb(180,242,192)
```
#b4f2c5
```
#b4f2c5 rgb(180,242,197)
```
#b4f2ca
```
#b4f2ca rgb(180,242,202)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#b4f2d4
```
#b4f2d4 rgb(180,242,212)
```
#b4f2d9
```
#b4f2d9 rgb(180,242,217)
```
#b4f2df
```
#b4f2df rgb(180,242,223)
```

Similar Colors

Text with hexadecimal color #b4f2cf

This text has a font color of #b4f2cf.

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

#b4f2cf background color

This paragraph has a background color of #b4f2cf.

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

#b4f2cf border color

This element has a border color of #b4f2cf.

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

CSS codes

.text {color:#b4f2cf;}

.background {background-color:#b4f2cf;}

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

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

#010905
```
#010905 rgb(1,9,5)
```
#04190d
```
#04190d rgb(4,25,13)
```
#072a16
```
#072a16 rgb(7,42,22)
```
#0a3b1f
```
#0a3b1f rgb(10,59,31)
```
#0d4b28
```
#0d4b28 rgb(13,75,40)
```
#105c31
```
#105c31 rgb(16,92,49)
```
#136d3a
```
#136d3a rgb(19,109,58)
```
#167e43
```
#167e43 rgb(22,126,67)
```
#198e4c
```
#198e4c rgb(25,142,76)
```
#1c9f55
```
#1c9f55 rgb(28,159,85)
```
#1eb05e
```
#1eb05e rgb(30,176,94)
```
#21c067
```
#21c067 rgb(33,192,103)
```
#24d170
```
#24d170 rgb(36,209,112)
```

Shade Color Variation

#2edb79
```
#2edb79 rgb(46,219,121)
```
#3fde84
```
#3fde84 rgb(63,222,132)
```
#50e18f
```
#50e18f rgb(80,225,143)
```
#60e49a
```
#60e49a rgb(96,228,154)
```
#71e6a4
```
#71e6a4 rgb(113,230,164)
```
#82e9af
```
#82e9af rgb(130,233,175)
```
#93ecba
```
#93ecba rgb(147,236,186)
```
#a3efc4
```
#a3efc4 rgb(163,239,196)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#c5f5da
```
#c5f5da rgb(197,245,218)
```
#d5f8e4
```
#d5f8e4 rgb(213,248,228)
```
#e6fbef
```
#e6fbef rgb(230,251,239)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#d2d4d3
```
#d2d4d3 rgb(210,212,211)
```
#cfd7d2
```
#cfd7d2 rgb(207,215,210)
```
#ccdad2
```
#ccdad2 rgb(204,218,210)
```
#c8ded2
```
#c8ded2 rgb(200,222,210)
```
#c5e1d1
```
#c5e1d1 rgb(197,225,209)
```
#c2e4d1
```
#c2e4d1 rgb(194,228,209)
```
#bee8d0
```
#bee8d0 rgb(190,232,208)
```
#bbebd0
```
#bbebd0 rgb(187,235,208)
```
#b7efcf
```
#b7efcf rgb(183,239,207)
```
#b4f2cf
```
#b4f2cf rgb(180,242,207)
```
#b1f5cf
```
#b1f5cf rgb(177,245,207)
```
#adf9ce
```
#adf9ce rgb(173,249,206)
```
#aafcce
```
#aafcce rgb(170,252,206)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d3e0d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe4ca Protanopia 1% of men
#ffded8 Deuteranopia 1% of men
#c2ecfd Tritanopia 0.001% of the population

Trichromacy

#dae9cc Protanomaly 1% of men, 0.01% of women
#e3e5d5 Deuteranomaly 6% of men, 0.4% of women
#bdeeec Tritanomaly 0.01% of the population

#b4f2cf hex color

#b4f2cf Color Information

#b4f2cf Color Conversion

Color Schemes with #b4f2cf

Alternatives to #b4f2cf

#b4f2cf Preview

Shades and Tints of #b4f2cf

Tones of #b4f2cf

Color Blindness Simulator