#bafe6b hex color

In a RGB color space, hex #bafe6b is composed of 72.9% red, 99.6% green and 42% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 57.9% yellow and 0.4% black. It has a hue angle of 87.8 degrees, a saturation of 98.7% and a lightness of 70.8%. #bafe6b color hex could be obtained by blending #ffffd6 with #75fd00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 100
- B 42
RGB color chart
- C 27
- M 0
- Y 58
- K 0
CMYK color chart

● #bafe6b color description : Soft green.

The hexadecimal color #bafe6b has RGB values of R:186, G:254, B:107 and CMYK values of C:0.27, M:0, Y:0.58, K:0. Its decimal value is 12254827.

Hex triplet	bafe6b	`#bafe6b`
RGB Decimal	186, 254, 107	`rgb(186,254,107)`
RGB Percent	72.9, 99.6, 42	`rgb(72.9%,99.6%,42%)`
CMYK	27, 0, 58, 0
HSL	87.8°, 98.7, 70.8	`hsl(87.8,98.7%,70.8%)`
HSV (or HSB)	87.8°, 57.9, 99.6
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.743, -43.787, 62.248
XYZ	58.344, 82.383, 26.737
xyY	0.348, 0.492, 82.383
CIE-LCH	92.743, 76.106, 125.124
CIE-LUV	92.743, -33.789, 85.811
Hunter-Lab	90.765, -44.098, 46.07
Binary	10111010, 11111110, 01101011

#bafe6b
```
#bafe6b rgb(186,254,107)
```
#af6bfe
```
#af6bfe rgb(175,107,254)
```

Complementary Color

#fef96b
```
#fef96b rgb(254,249,107)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```
#71fe6b
```
#71fe6b rgb(113,254,107)
```

Analogous Color

#f96bfe
```
#f96bfe rgb(249,107,254)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```
#6b71fe
```
#6b71fe rgb(107,113,254)
```

Split Complementary Color

#fe6bba
```
#fe6bba rgb(254,107,186)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```
#6bbafe
```
#6bbafe rgb(107,186,254)
```

Triadic Color

#feaf6b
```
#feaf6b rgb(254,175,107)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```
#6bbafe
```
#6bbafe rgb(107,186,254)
```
#af6bfe
```
#af6bfe rgb(175,107,254)
```

Tetradic Color

#97fd1f
```
#97fd1f rgb(151,253,31)
```
#a2fe38
```
#a2fe38 rgb(162,254,56)
```
#aefe52
```
#aefe52 rgb(174,254,82)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```
#c6fe84
```
#c6fe84 rgb(198,254,132)
```
#d2fe9e
```
#d2fe9e rgb(210,254,158)
```
#ddffb7
```
#ddffb7 rgb(221,255,183)
```

Monochromatic Color

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

#dffe6b
```
#dffe6b rgb(223,254,107)
```
#d3fe6b
```
#d3fe6b rgb(211,254,107)
```
#c6fe6b
```
#c6fe6b rgb(198,254,107)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```
#aefe6b
```
#aefe6b rgb(174,254,107)
```
#a2fe6b
```
#a2fe6b rgb(162,254,107)
```
#95fe6b
```
#95fe6b rgb(149,254,107)
```

Similar Colors

Text with hexadecimal color #bafe6b

This text has a font color of #bafe6b.

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

#bafe6b background color

This paragraph has a background color of #bafe6b.

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

#bafe6b border color

This element has a border color of #bafe6b.

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

CSS codes

.text {color:#bafe6b;}

.background {background-color:#bafe6b;}

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

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

#040800
```
#040800 rgb(4,8,0)
```
#0f1b00
```
#0f1b00 rgb(15,27,0)
```
#192f00
```
#192f00 rgb(25,47,0)
```
#244200
```
#244200 rgb(36,66,0)
```
#2e5601
```
#2e5601 rgb(46,86,1)
```
#396901
```
#396901 rgb(57,105,1)
```
#437d01
```
#437d01 rgb(67,125,1)
```
#4e9001
```
#4e9001 rgb(78,144,1)
```
#59a401
```
#59a401 rgb(89,164,1)
```
#63b701
```
#63b701 rgb(99,183,1)
```
#6ecb01
```
#6ecb01 rgb(110,203,1)
```
#78de02
```
#78de02 rgb(120,222,2)
```
#83f202
```
#83f202 rgb(131,242,2)
```

Shade Color Variation

#8dfd0a
```
#8dfd0a rgb(141,253,10)
```
#96fd1d
```
#96fd1d rgb(150,253,29)
```
#9ffe31
```
#9ffe31 rgb(159,254,49)
```
#a8fe44
```
#a8fe44 rgb(168,254,68)
```
#b1fe58
```
#b1fe58 rgb(177,254,88)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```
#c3fe7e
```
#c3fe7e rgb(195,254,126)
```
#ccfe92
```
#ccfe92 rgb(204,254,146)
```
#d5fea5
```
#d5fea5 rgb(213,254,165)
```
#deffb9
```
#deffb9 rgb(222,255,185)
```
#e7ffcc
```
#e7ffcc rgb(231,255,204)
```
#f1ffe0
```
#f1ffe0 rgb(241,255,224)
```
#fafff3
```
#fafff3 rgb(250,255,243)
```

Tint Color Variation

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

#b5b9b0
```
#b5b9b0 rgb(181,185,176)
```
#b5bfaa
```
#b5bfaa rgb(181,191,170)
```
#b6c5a4
```
#b6c5a4 rgb(182,197,164)
```
#b6ca9f
```
#b6ca9f rgb(182,202,159)
```
#b7d099
```
#b7d099 rgb(183,208,153)
```
#b7d693
```
#b7d693 rgb(183,214,147)
```
#b7dc8d
```
#b7dc8d rgb(183,220,141)
```
#b8e188
```
#b8e188 rgb(184,225,136)
```
#b8e782
```
#b8e782 rgb(184,231,130)
```
#b9ed7c
```
#b9ed7c rgb(185,237,124)
```
#b9f376
```
#b9f376 rgb(185,243,118)
```
#baf871
```
#baf871 rgb(186,248,113)
```
#bafe6b
```
#bafe6b rgb(186,254,107)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d3e0c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb97 Protanopia 1% of men
#ffe7cd Deuteranopia 1% of men
#d6eeff Tritanopia 0.001% of the population

Trichromacy

#e5f287 Protanomaly 1% of men, 0.01% of women
#e5efa9 Deuteranomaly 6% of men, 0.4% of women
#cbf4c9 Tritanomaly 0.01% of the population

#bafe6b hex color

#bafe6b Color Information

#bafe6b Color Conversion

Color Schemes with #bafe6b

Alternatives to #bafe6b

#bafe6b Preview

Shades and Tints of #bafe6b

Tones of #bafe6b

Color Blindness Simulator