#bafb86 hex color

In a RGB color space, hex #bafb86 is composed of 72.9% red, 98.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 46.6% yellow and 1.6% black. It has a hue angle of 93.3 degrees, a saturation of 93.6% and a lightness of 75.5%. #bafb86 color hex could be obtained by blending #ffffff with #75f70d. Closest websafe color is: #ccff99.

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

● #bafb86 color description : Soft green.

The hexadecimal color #bafb86 has RGB values of R:186, G:251, B:134 and CMYK values of C:0.26, M:0, Y:0.47, K:0.02. Its decimal value is 12254086.

Hex triplet	bafb86	`#bafb86`
RGB Decimal	186, 251, 134	`rgb(186,251,134)`
RGB Percent	72.9, 98.4, 52.5	`rgb(72.9%,98.4%,52.5%)`
CMYK	26, 0, 47, 2
HSL	93.3°, 93.6, 75.5	`hsl(93.3,93.6%,75.5%)`
HSV (or HSB)	93.3°, 46.6, 98.4
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.2, -39.74, 49.409
XYZ	59.048, 81.153, 35.106
xyY	0.337, 0.463, 81.153
CIE-LCH	92.2, 63.408, 128.81
CIE-LUV	92.2, -32.232, 72.259
Hunter-Lab	90.085, -40.647, 39.954
Binary	10111010, 11111011, 10000110

#bafb86
```
#bafb86 rgb(186,251,134)
```
#c786fb
```
#c786fb rgb(199,134,251)
```

Complementary Color

#f5fb86
```
#f5fb86 rgb(245,251,134)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```
#86fb8d
```
#86fb8d rgb(134,251,141)
```

Analogous Color

#fb86f5
```
#fb86f5 rgb(251,134,245)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```
#8d86fb
```
#8d86fb rgb(141,134,251)
```

Split Complementary Color

#fb86ba
```
#fb86ba rgb(251,134,186)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```
#86bafb
```
#86bafb rgb(134,186,251)
```

Triadic Color

#fbc786
```
#fbc786 rgb(251,199,134)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```
#86bafb
```
#86bafb rgb(134,186,251)
```
#c786fb
```
#c786fb rgb(199,134,251)
```

Tetradic Color

#90f93c
```
#90f93c rgb(144,249,60)
```
#9ef955
```
#9ef955 rgb(158,249,85)
```
#acfa6d
```
#acfa6d rgb(172,250,109)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```
#c8fc9f
```
#c8fc9f rgb(200,252,159)
```
#d6fdb7
```
#d6fdb7 rgb(214,253,183)
```
#e4fdd0
```
#e4fdd0 rgb(228,253,208)
```

Monochromatic Color

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

#d7fb86
```
#d7fb86 rgb(215,251,134)
```
#cefb86
```
#cefb86 rgb(206,251,134)
```
#c4fb86
```
#c4fb86 rgb(196,251,134)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```
#b0fb86
```
#b0fb86 rgb(176,251,134)
```
#a7fb86
```
#a7fb86 rgb(167,251,134)
```
#9dfb86
```
#9dfb86 rgb(157,251,134)
```

Similar Colors

Text with hexadecimal color #bafb86

This text has a font color of #bafb86.

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

#bafb86 background color

This paragraph has a background color of #bafb86.

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

#bafb86 border color

This element has a border color of #bafb86.

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

CSS codes

.text {color:#bafb86;}

.background {background-color:#bafb86;}

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

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, #060c00 is the darkest color, while #fbfff8 is the lightest one.

#060c00
```
#060c00 rgb(6,12,0)
```
#0e1f01
```
#0e1f01 rgb(14,31,1)
```
#173202
```
#173202 rgb(23,50,2)
```
#204502
```
#204502 rgb(32,69,2)
```
#295803
```
#295803 rgb(41,88,3)
```
#316b04
```
#316b04 rgb(49,107,4)
```
#3a7e04
```
#3a7e04 rgb(58,126,4)
```
#439105
```
#439105 rgb(67,145,5)
```
#4ca405
```
#4ca405 rgb(76,164,5)
```
#55b706
```
#55b706 rgb(85,183,6)
```
#5dca07
```
#5dca07 rgb(93,202,7)
```
#66dd07
```
#66dd07 rgb(102,221,7)
```
#6ff008
```
#6ff008 rgb(111,240,8)
```

Shade Color Variation

#79f714
```
#79f714 rgb(121,247,20)
```
#84f827
```
#84f827 rgb(132,248,39)
```
#8ff83a
```
#8ff83a rgb(143,248,58)
```
#9af94d
```
#9af94d rgb(154,249,77)
```
#a4fa60
```
#a4fa60 rgb(164,250,96)
```
#affa73
```
#affa73 rgb(175,250,115)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```
#c5fc99
```
#c5fc99 rgb(197,252,153)
```
#d0fcac
```
#d0fcac rgb(208,252,172)
```
#dafdbf
```
#dafdbf rgb(218,253,191)
```
#e5fed2
```
#e5fed2 rgb(229,254,210)
```
#f0fee5
```
#f0fee5 rgb(240,254,229)
```
#fbfff8
```
#fbfff8 rgb(251,255,248)
```

Tint Color Variation

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

#c0c1c0
```
#c0c1c0 rgb(192,193,192)
```
#c0c6bb
```
#c0c6bb rgb(192,198,187)
```
#bfcbb6
```
#bfcbb6 rgb(191,203,182)
```
#bfd0b1
```
#bfd0b1 rgb(191,208,177)
```
#bed5ac
```
#bed5ac rgb(190,213,172)
```
#bed9a8
```
#bed9a8 rgb(190,217,168)
```
#bddea3
```
#bddea3 rgb(189,222,163)
```
#bde39e
```
#bde39e rgb(189,227,158)
```
#bce899
```
#bce899 rgb(188,232,153)
```
#bced94
```
#bced94 rgb(188,237,148)
```
#bbf190
```
#bbf190 rgb(187,241,144)
```
#bbf68b
```
#bbf68b rgb(187,246,139)
```
#bafb86
```
#bafb86 rgb(186,251,134)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d4e1c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe98e Protanopia 1% of men
#ffe5cc Deuteranopia 1% of men
#d1eeff Tritanopia 0.001% of the population

Trichromacy

#e5f08b Protanomaly 1% of men, 0.01% of women
#e5edb2 Deuteranomaly 6% of men, 0.4% of women
#c9f2d3 Tritanomaly 0.01% of the population

#bafb86 hex color

#bafb86 Color Information

#bafb86 Color Conversion

Color Schemes with #bafb86

Alternatives to #bafb86

#bafb86 Preview

Shades and Tints of #bafb86

Tones of #bafb86

Color Blindness Simulator