#bafe80 hex color

In a RGB color space, hex #bafe80 is composed of 72.9% red, 99.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 49.6% yellow and 0.4% black. It has a hue angle of 92.4 degrees, a saturation of 98.4% and a lightness of 74.9%. #bafe80 color hex could be obtained by blending #ffffff with #75fd01. Closest websafe color is: #ccff99.

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

● #bafe80 color description : Soft green.

The hexadecimal color #bafe80 has RGB values of R:186, G:254, B:128 and CMYK values of C:0.27, M:0, Y:0.5, K:0. Its decimal value is 12254848.

Hex triplet	bafe80	`#bafe80`
RGB Decimal	186, 254, 128	`rgb(186,254,128)`
RGB Percent	72.9, 99.6, 50.2	`rgb(72.9%,99.6%,50.2%)`
CMYK	27, 0, 50, 0
HSL	92.4°, 98.4, 74.9	`hsl(92.4,98.4%,74.9%)`
HSV (or HSB)	92.4°, 49.6, 99.6
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.962, -41.733, 53.145
XYZ	59.586, 82.88, 33.279
xyY	0.339, 0.472, 82.88
CIE-LCH	92.962, 67.572, 128.141
CIE-LUV	92.962, -33.731, 76.7
Hunter-Lab	91.038, -42.485, 42.053
Binary	10111010, 11111110, 10000000

#bafe80
```
#bafe80 rgb(186,254,128)
```
#c480fe
```
#c480fe rgb(196,128,254)
```

Complementary Color

#f9fe80
```
#f9fe80 rgb(249,254,128)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```
#80fe85
```
#80fe85 rgb(128,254,133)
```

Analogous Color

#fe80f9
```
#fe80f9 rgb(254,128,249)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```
#8580fe
```
#8580fe rgb(133,128,254)
```

Split Complementary Color

#fe80ba
```
#fe80ba rgb(254,128,186)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```
#80bafe
```
#80bafe rgb(128,186,254)
```

Triadic Color

#fec480
```
#fec480 rgb(254,196,128)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```
#80bafe
```
#80bafe rgb(128,186,254)
```
#c480fe
```
#c480fe rgb(196,128,254)
```

Tetradic Color

#91fd34
```
#91fd34 rgb(145,253,52)
```
#9ffe4d
```
#9ffe4d rgb(159,254,77)
```
#acfe67
```
#acfe67 rgb(172,254,103)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```
#c8fe99
```
#c8fe99 rgb(200,254,153)
```
#d5feb3
```
#d5feb3 rgb(213,254,179)
```
#e3ffcc
```
#e3ffcc rgb(227,255,204)
```

Monochromatic Color

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

#dafe80
```
#dafe80 rgb(218,254,128)
```
#cffe80
```
#cffe80 rgb(207,254,128)
```
#c5fe80
```
#c5fe80 rgb(197,254,128)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```
#b0fe80
```
#b0fe80 rgb(176,254,128)
```
#a5fe80
```
#a5fe80 rgb(165,254,128)
```
#9bfe80
```
#9bfe80 rgb(155,254,128)
```

Similar Colors

Text with hexadecimal color #bafe80

This text has a font color of #bafe80.

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

#bafe80 background color

This paragraph has a background color of #bafe80.

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

#bafe80 border color

This element has a border color of #bafe80.

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

CSS codes

.text {color:#bafe80;}

.background {background-color:#bafe80;}

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

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

#040900
```
#040900 rgb(4,9,0)
```
#0d1d00
```
#0d1d00 rgb(13,29,0)
```
#163000
```
#163000 rgb(22,48,0)
```
#1f4401
```
#1f4401 rgb(31,68,1)
```
#285701
```
#285701 rgb(40,87,1)
```
#316b01
```
#316b01 rgb(49,107,1)
```
#3b7e01
```
#3b7e01 rgb(59,126,1)
```
#449101
```
#449101 rgb(68,145,1)
```
#4da501
```
#4da501 rgb(77,165,1)
```
#56b801
```
#56b801 rgb(86,184,1)
```
#5fcc02
```
#5fcc02 rgb(95,204,2)
```
#68df02
```
#68df02 rgb(104,223,2)
```
#71f302
```
#71f302 rgb(113,243,2)
```

Shade Color Variation

#7bfd0b
```
#7bfd0b rgb(123,253,11)
```
#85fd1f
```
#85fd1f rgb(133,253,31)
```
#90fd32
```
#90fd32 rgb(144,253,50)
```
#9afe46
```
#9afe46 rgb(154,254,70)
```
#a5fe59
```
#a5fe59 rgb(165,254,89)
```
#affe6d
```
#affe6d rgb(175,254,109)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```
#c5fe93
```
#c5fe93 rgb(197,254,147)
```
#cffea7
```
#cffea7 rgb(207,254,167)
```
#dafeba
```
#dafeba rgb(218,254,186)
```
#e4ffce
```
#e4ffce rgb(228,255,206)
```
#efffe1
```
#efffe1 rgb(239,255,225)
```
#f9fff5
```
#f9fff5 rgb(249,255,245)
```

Tint Color Variation

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

#bfc3bb
```
#bfc3bb rgb(191,195,187)
```
#bec8b6
```
#bec8b6 rgb(190,200,182)
```
#becdb1
```
#becdb1 rgb(190,205,177)
```
#bed2ac
```
#bed2ac rgb(190,210,172)
```
#bdd7a7
```
#bdd7a7 rgb(189,215,167)
```
#bddca2
```
#bddca2 rgb(189,220,162)
```
#bce09e
```
#bce09e rgb(188,224,158)
```
#bce599
```
#bce599 rgb(188,229,153)
```
#bcea94
```
#bcea94 rgb(188,234,148)
```
#bbef8f
```
#bbef8f rgb(187,239,143)
```
#bbf48a
```
#bbf48a rgb(187,244,138)
```
#baf985
```
#baf985 rgb(186,249,133)
```
#bafe80
```
#bafe80 rgb(186,254,128)
```

Tone Color Variation

Below, you can see how #bafe80 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
#d4e2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb9d Protanopia 1% of men
#ffe8d0 Deuteranopia 1% of men
#d6efff Tritanopia 0.001% of the population

Trichromacy

#e5f292 Protanomaly 1% of men, 0.01% of women
#e5f0b3 Deuteranomaly 6% of men, 0.4% of women
#cbf4d0 Tritanomaly 0.01% of the population

#bafe80 hex color

#bafe80 Color Information

#bafe80 Color Conversion

Color Schemes with #bafe80

Alternatives to #bafe80

#bafe80 Preview

Shades and Tints of #bafe80

Tones of #bafe80

Color Blindness Simulator