#bafb6f hex color

In a RGB color space, hex #bafb6f is composed of 72.9% red, 98.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 55.8% yellow and 1.6% black. It has a hue angle of 87.9 degrees, a saturation of 94.6% and a lightness of 71%. #bafb6f color hex could be obtained by blending #ffffde with #75f700. Closest websafe color is: #ccff66.

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

● #bafb6f color description : Soft green.

The hexadecimal color #bafb6f has RGB values of R:186, G:251, B:111 and CMYK values of C:0.26, M:0, Y:0.56, K:0.02. Its decimal value is 12254063.

Hex triplet	bafb6f	`#bafb6f`
RGB Decimal	186, 251, 111	`rgb(186,251,111)`
RGB Percent	72.9, 98.4, 43.5	`rgb(72.9%,98.4%,43.5%)`
CMYK	26, 0, 56, 2
HSL	87.9°, 94.6, 71	`hsl(87.9,94.6%,71%)`
HSV (or HSB)	87.9°, 55.8, 98.4
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.944, -42.12, 59.604
XYZ	57.615, 80.58, 27.556
xyY	0.348, 0.486, 80.58
CIE-LCH	91.944, 72.984, 125.248
CIE-LUV	91.944, -32.273, 82.795
Hunter-Lab	89.766, -42.524, 44.636
Binary	10111010, 11111011, 01101111

#bafb6f
```
#bafb6f rgb(186,251,111)
```
#b06ffb
```
#b06ffb rgb(176,111,251)
```

Complementary Color

#fbf66f
```
#fbf66f rgb(251,246,111)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```
#74fb6f
```
#74fb6f rgb(116,251,111)
```

Analogous Color

#f66ffb
```
#f66ffb rgb(246,111,251)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```
#6f74fb
```
#6f74fb rgb(111,116,251)
```

Split Complementary Color

#fb6fba
```
#fb6fba rgb(251,111,186)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```
#6fbafb
```
#6fbafb rgb(111,186,251)
```

Triadic Color

#fbb06f
```
#fbb06f rgb(251,176,111)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```
#6fbafb
```
#6fbafb rgb(111,186,251)
```
#b06ffb
```
#b06ffb rgb(176,111,251)
```

Tetradic Color

#96f925
```
#96f925 rgb(150,249,37)
```
#a2fa3d
```
#a2fa3d rgb(162,250,61)
```
#aefa56
```
#aefa56 rgb(174,250,86)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```
#c6fc88
```
#c6fc88 rgb(198,252,136)
```
#d2fca1
```
#d2fca1 rgb(210,252,161)
```
#defdb9
```
#defdb9 rgb(222,253,185)
```

Monochromatic Color

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

#ddfb6f
```
#ddfb6f rgb(221,251,111)
```
#d1fb6f
```
#d1fb6f rgb(209,251,111)
```
#c6fb6f
```
#c6fb6f rgb(198,251,111)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```
#aefb6f
```
#aefb6f rgb(174,251,111)
```
#a3fb6f
```
#a3fb6f rgb(163,251,111)
```
#97fb6f
```
#97fb6f rgb(151,251,111)
```

Similar Colors

Text with hexadecimal color #bafb6f

This text has a font color of #bafb6f.

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

#bafb6f background color

This paragraph has a background color of #bafb6f.

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

#bafb6f border color

This element has a border color of #bafb6f.

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

CSS codes

.text {color:#bafb6f;}

.background {background-color:#bafb6f;}

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

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

#050900
```
#050900 rgb(5,9,0)
```
#0f1c01
```
#0f1c01 rgb(15,28,1)
```
#1a2f01
```
#1a2f01 rgb(26,47,1)
```
#244202
```
#244202 rgb(36,66,2)
```
#2f5502
```
#2f5502 rgb(47,85,2)
```
#396803
```
#396803 rgb(57,104,3)
```
#447b03
```
#447b03 rgb(68,123,3)
```
#4e8e04
```
#4e8e04 rgb(78,142,4)
```
#59a104
```
#59a104 rgb(89,161,4)
```
#63b405
```
#63b405 rgb(99,180,5)
```
#6dc806
```
#6dc806 rgb(109,200,6)
```
#78db06
```
#78db06 rgb(120,219,6)
```
#82ee07
```
#82ee07 rgb(130,238,7)
```

Shade Color Variation

#8cf810
```
#8cf810 rgb(140,248,16)
```
#95f923
```
#95f923 rgb(149,249,35)
```
#9ff936
```
#9ff936 rgb(159,249,54)
```
#a8fa49
```
#a8fa49 rgb(168,250,73)
```
#b1fa5c
```
#b1fa5c rgb(177,250,92)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```
#c3fc82
```
#c3fc82 rgb(195,252,130)
```
#ccfc95
```
#ccfc95 rgb(204,252,149)
```
#d5fda8
```
#d5fda8 rgb(213,253,168)
```
#dffdbb
```
#dffdbb rgb(223,253,187)
```
#e8fece
```
#e8fece rgb(232,254,206)
```
#f1fee2
```
#f1fee2 rgb(241,254,226)
```
#fafff5
```
#fafff5 rgb(250,255,245)
```

Tint Color Variation

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

#b5b7b3
```
#b5b7b3 rgb(181,183,179)
```
#b6bcae
```
#b6bcae rgb(182,188,174)
```
#b6c2a8
```
#b6c2a8 rgb(182,194,168)
```
#b6c8a2
```
#b6c8a2 rgb(182,200,162)
```
#b7cd9d
```
#b7cd9d rgb(183,205,157)
```
#b7d397
```
#b7d397 rgb(183,211,151)
```
#b8d991
```
#b8d991 rgb(184,217,145)
```
#b8df8b
```
#b8df8b rgb(184,223,139)
```
#b8e486
```
#b8e486 rgb(184,228,134)
```
#b9ea80
```
#b9ea80 rgb(185,234,128)
```
#b9f07a
```
#b9f07a rgb(185,240,122)
```
#baf575
```
#baf575 rgb(186,245,117)
```
#bafb6f
```
#bafb6f rgb(186,251,111)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d2dfc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe986 Protanopia 1% of men
#ffe5c8 Deuteranopia 1% of men
#d3ecfd Tritanopia 0.001% of the population

Trichromacy

#e5ef7d Protanomaly 1% of men, 0.01% of women
#e5eda7 Deuteranomaly 6% of men, 0.4% of women
#caf1c9 Tritanomaly 0.01% of the population

#bafb6f hex color

#bafb6f Color Information

#bafb6f Color Conversion

Color Schemes with #bafb6f

Alternatives to #bafb6f

#bafb6f Preview

Shades and Tints of #bafb6f

Tones of #bafb6f

Color Blindness Simulator