#baff86 hex color

In a RGB color space, hex #baff86 is composed of 72.9% red, 100% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 47.5% yellow and 0% black. It has a hue angle of 94.2 degrees, a saturation of 100% and a lightness of 76.3%. #baff86 color hex could be obtained by blending #ffffff with #75ff0d. Closest websafe color is: #ccff99.

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

● #baff86 color description : Very light green.

The hexadecimal color #baff86 has RGB values of R:186, G:255, B:134 and CMYK values of C:0.27, M:0, Y:0.47, K:0. Its decimal value is 12255110.

Hex triplet	baff86	`#baff86`
RGB Decimal	186, 255, 134	`rgb(186,255,134)`
RGB Percent	72.9, 100, 52.5	`rgb(72.9%,100%,52.5%)`
CMYK	27, 0, 47, 0
HSL	94.2°, 100, 76.3	`hsl(94.2,100%,76.3%)`
HSV (or HSB)	94.2°, 47.5, 100
Web Safe	ccff99	`#ccff99`

CIE-LAB	93.311, -41.509, 50.779
XYZ	60.311, 83.679, 35.527
xyY	0.336, 0.466, 83.679
CIE-LCH	93.311, 65.586, 129.264
CIE-LUV	93.311, -34.204, 74.297
Hunter-Lab	91.476, -42.396, 41.006
Binary	10111010, 11111111, 10000110

#baff86
```
#baff86 rgb(186,255,134)
```
#cb86ff
```
#cb86ff rgb(203,134,255)
```

Complementary Color

#f7ff86
```
#f7ff86 rgb(247,255,134)
```
#baff86
```
#baff86 rgb(186,255,134)
```
#86ff8f
```
#86ff8f rgb(134,255,143)
```

Analogous Color

#ff86f7
```
#ff86f7 rgb(255,134,247)
```
#baff86
```
#baff86 rgb(186,255,134)
```
#8f86ff
```
#8f86ff rgb(143,134,255)
```

Split Complementary Color

#ff86ba
```
#ff86ba rgb(255,134,186)
```
#baff86
```
#baff86 rgb(186,255,134)
```
#86baff
```
#86baff rgb(134,186,255)
```

Triadic Color

#ffcb86
```
#ffcb86 rgb(255,203,134)
```
#baff86
```
#baff86 rgb(186,255,134)
```
#86baff
```
#86baff rgb(134,186,255)
```
#cb86ff
```
#cb86ff rgb(203,134,255)
```

Tetradic Color

#8eff3a
```
#8eff3a rgb(142,255,58)
```
#9dff53
```
#9dff53 rgb(157,255,83)
```
#abff6d
```
#abff6d rgb(171,255,109)
```
#baff86
```
#baff86 rgb(186,255,134)
```
#c9ffa0
```
#c9ffa0 rgb(201,255,160)
```
#d7ffb9
```
#d7ffb9 rgb(215,255,185)
```
#e6ffd3
```
#e6ffd3 rgb(230,255,211)
```

Monochromatic Color

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

#d8ff86
```
#d8ff86 rgb(216,255,134)
```
#ceff86
```
#ceff86 rgb(206,255,134)
```
#c4ff86
```
#c4ff86 rgb(196,255,134)
```
#baff86
```
#baff86 rgb(186,255,134)
```
#b0ff86
```
#b0ff86 rgb(176,255,134)
```
#a6ff86
```
#a6ff86 rgb(166,255,134)
```
#9cff86
```
#9cff86 rgb(156,255,134)
```

Similar Colors

Text with hexadecimal color #baff86

This text has a font color of #baff86.

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

#baff86 background color

This paragraph has a background color of #baff86.

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

#baff86 border color

This element has a border color of #baff86.

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

CSS codes

.text {color:#baff86;}

.background {background-color:#baff86;}

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

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

#071000
```
#071000 rgb(7,16,0)
```
#0f2400
```
#0f2400 rgb(15,36,0)
```
#183800
```
#183800 rgb(24,56,0)
```
#204b00
```
#204b00 rgb(32,75,0)
```
#295f00
```
#295f00 rgb(41,95,0)
```
#317200
```
#317200 rgb(49,114,0)
```
#3a8600
```
#3a8600 rgb(58,134,0)
```
#429a00
```
#429a00 rgb(66,154,0)
```
#4aad00
```
#4aad00 rgb(74,173,0)
```
#53c100
```
#53c100 rgb(83,193,0)
```
#5bd400
```
#5bd400 rgb(91,212,0)
```
#64e800
```
#64e800 rgb(100,232,0)
```
#6cfc00
```
#6cfc00 rgb(108,252,0)
```

Shade Color Variation

#77ff10
```
#77ff10 rgb(119,255,16)
```
#82ff24
```
#82ff24 rgb(130,255,36)
```
#8dff38
```
#8dff38 rgb(141,255,56)
```
#98ff4b
```
#98ff4b rgb(152,255,75)
```
#a4ff5f
```
#a4ff5f rgb(164,255,95)
```
#afff72
```
#afff72 rgb(175,255,114)
```
#baff86
```
#baff86 rgb(186,255,134)
```
#c5ff9a
```
#c5ff9a rgb(197,255,154)
```
#d0ffad
```
#d0ffad rgb(208,255,173)
```
#dcffc1
```
#dcffc1 rgb(220,255,193)
```
#e7ffd4
```
#e7ffd4 rgb(231,255,212)
```
#f2ffe8
```
#f2ffe8 rgb(242,255,232)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#c2c7be
```
#c2c7be rgb(194,199,190)
```
#c1ccb9
```
#c1ccb9 rgb(193,204,185)
```
#c1d0b5
```
#c1d0b5 rgb(193,208,181)
```
#c0d5b0
```
#c0d5b0 rgb(192,213,176)
```
#bfdaab
```
#bfdaab rgb(191,218,171)
```
#bfdea7
```
#bfdea7 rgb(191,222,167)
```
#bee3a2
```
#bee3a2 rgb(190,227,162)
```
#bde89d
```
#bde89d rgb(189,232,157)
```
#bdec99
```
#bdec99 rgb(189,236,153)
```
#bcf194
```
#bcf194 rgb(188,241,148)
```
#bbf68f
```
#bbf68f rgb(187,246,143)
```
#bbfa8b
```
#bbfa8b rgb(187,250,139)
```
#baff86
```
#baff86 rgb(186,255,134)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d6e4cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeca4 Protanopia 1% of men
#ffe9d3 Deuteranopia 1% of men
#d7f0ff Tritanopia 0.001% of the population

Trichromacy

#e5f399 Protanomaly 1% of men, 0.01% of women
#e5f1b7 Deuteranomaly 6% of men, 0.4% of women
#ccf5d3 Tritanomaly 0.01% of the population

#baff86 hex color

#baff86 Color Information

#baff86 Color Conversion

Color Schemes with #baff86

Alternatives to #baff86

#baff86 Preview

Shades and Tints of #baff86

Tones of #baff86

Color Blindness Simulator