#bafbc4 hex color

In a RGB color space, hex #bafbc4 is composed of 72.9% red, 98.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 21.9% yellow and 1.6% black. It has a hue angle of 129.2 degrees, a saturation of 89% and a lightness of 85.7%. #bafbc4 color hex could be obtained by blending #ffffff with #75f789. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 98
- B 77
RGB color chart
- C 26
- M 0
- Y 22
- K 2
CMYK color chart

● #bafbc4 color description : Very soft lime green.

The hexadecimal color #bafbc4 has RGB values of R:186, G:251, B:196 and CMYK values of C:0.26, M:0, Y:0.22, K:0.02. Its decimal value is 12254148.

Hex triplet	bafbc4	`#bafbc4`
RGB Decimal	186, 251, 196	`rgb(186,251,196)`
RGB Percent	72.9, 98.4, 76.9	`rgb(72.9%,98.4%,76.9%)`
CMYK	26, 0, 22, 2
HSL	129.2°, 89, 85.7	`hsl(129.2,89%,85.7%)`
HSV (or HSB)	129.2°, 25.9, 98.4
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.197, -30.82, 19.943
XYZ	64.708, 83.417, 64.913
xyY	0.304, 0.392, 83.417
CIE-LCH	93.197, 36.71, 147.094
CIE-LUV	93.197, -32.116, 34.674
Hunter-Lab	91.333, -33.368, 21.794
Binary	10111010, 11111011, 11000100

#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#fbbaf1
```
#fbbaf1 rgb(251,186,241)
```

Complementary Color

#d1fbba
```
#d1fbba rgb(209,251,186)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#bafbe5
```
#bafbe5 rgb(186,251,229)
```

Analogous Color

#fbbad1
```
#fbbad1 rgb(251,186,209)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#e5bafb
```
#e5bafb rgb(229,186,251)
```

Split Complementary Color

#fbc4ba
```
#fbc4ba rgb(251,196,186)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#c4bafb
```
#c4bafb rgb(196,186,251)
```

Triadic Color

#f1fbba
```
#f1fbba rgb(241,251,186)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#c4bafb
```
#c4bafb rgb(196,186,251)
```
#fbbaf1
```
#fbbaf1 rgb(251,186,241)
```

Tetradic Color

#72f786
```
#72f786 rgb(114,247,134)
```
#8af89b
```
#8af89b rgb(138,248,155)
```
#a2faaf
```
#a2faaf rgb(162,250,175)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#d2fcd9
```
#d2fcd9 rgb(210,252,217)
```
#eafeed
```
#eafeed rgb(234,254,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c0fbba
```
#c0fbba rgb(192,251,186)
```
#bbfbba
```
#bbfbba rgb(187,251,186)
```
#bafbbf
```
#bafbbf rgb(186,251,191)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#bafbc9
```
#bafbc9 rgb(186,251,201)
```
#bafbcf
```
#bafbcf rgb(186,251,207)
```
#bafbd4
```
#bafbd4 rgb(186,251,212)
```

Similar Colors

Text with hexadecimal color #bafbc4

This text has a font color of #bafbc4.

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

#bafbc4 background color

This paragraph has a background color of #bafbc4.

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

#bafbc4 border color

This element has a border color of #bafbc4.

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

CSS codes

.text {color:#bafbc4;}

.background {background-color:#bafbc4;}

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

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

#000501
```
#000501 rgb(0,5,1)
```
#011805
```
#011805 rgb(1,24,5)
```
#022a09
```
#022a09 rgb(2,42,9)
```
#043d0c
```
#043d0c rgb(4,61,12)
```
#054f10
```
#054f10 rgb(5,79,16)
```
#066214
```
#066214 rgb(6,98,20)
```
#077418
```
#077418 rgb(7,116,24)
```
#08871b
```
#08871b rgb(8,135,27)
```
#09991f
```
#09991f rgb(9,153,31)
```
#0aac23
```
#0aac23 rgb(10,172,35)
```
#0bbf27
```
#0bbf27 rgb(11,191,39)
```
#0cd12a
```
#0cd12a rgb(12,209,42)
```
#0de42e
```
#0de42e rgb(13,228,46)
```

Shade Color Variation

#13f135
```
#13f135 rgb(19,241,53)
```
#26f245
```
#26f245 rgb(38,242,69)
```
#38f355
```
#38f355 rgb(56,243,85)
```
#4bf565
```
#4bf565 rgb(75,245,101)
```
#5df675
```
#5df675 rgb(93,246,117)
```
#70f785
```
#70f785 rgb(112,247,133)
```
#82f894
```
#82f894 rgb(130,248,148)
```
#95f9a4
```
#95f9a4 rgb(149,249,164)
```
#a7fab4
```
#a7fab4 rgb(167,250,180)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#cdfcd4
```
#cdfcd4 rgb(205,252,212)
```
#dffde4
```
#dffde4 rgb(223,253,228)
```
#f2fef4
```
#f2fef4 rgb(242,254,244)
```

Tint Color Variation

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

#d9dcd9
```
#d9dcd9 rgb(217,220,217)
```
#d6dfd7
```
#d6dfd7 rgb(214,223,215)
```
#d3e2d5
```
#d3e2d5 rgb(211,226,213)
```
#d0e5d4
```
#d0e5d4 rgb(208,229,212)
```
#cee7d2
```
#cee7d2 rgb(206,231,210)
```
#cbead0
```
#cbead0 rgb(203,234,208)
```
#c8edce
```
#c8edce rgb(200,237,206)
```
#c5f0cc
```
#c5f0cc rgb(197,240,204)
```
#c2f3ca
```
#c2f3ca rgb(194,243,202)
```
#c0f5c8
```
#c0f5c8 rgb(192,245,200)
```
#bdf8c6
```
#bdf8c6 rgb(189,248,198)
```
#bafbc4
```
#bafbc4 rgb(186,251,196)
```
#b7fec2
```
#b7fec2 rgb(183,254,194)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d9e6db Atypical Achromatopsia 0.001% of the population

Dichromacy

#faebc0 Protanopia 1% of men
#ffe8dc Deuteranopia 1% of men
#d3f1ff Tritanopia 0.001% of the population

Trichromacy

#e3f1c1 Protanomaly 1% of men, 0.01% of women
#e5eed3 Deuteranomaly 6% of men, 0.4% of women
#caf4e9 Tritanomaly 0.01% of the population

#bafbc4 hex color

#bafbc4 Color Information

#bafbc4 Color Conversion

Color Schemes with #bafbc4

Alternatives to #bafbc4

#bafbc4 Preview

Shades and Tints of #bafbc4

Tones of #bafbc4

Color Blindness Simulator