#baff40 hex color

In a RGB color space, hex #baff40 is composed of 72.9% red, 100% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 74.9% yellow and 0% black. It has a hue angle of 81.7 degrees, a saturation of 100% and a lightness of 62.5%. #baff40 color hex could be obtained by blending #ffff80 with #75ff00. Closest websafe color is: #ccff33.

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

● #baff40 color description : Light green.

The hexadecimal color #baff40 has RGB values of R:186, G:255, B:64 and CMYK values of C:0.27, M:0, Y:0.75, K:0. Its decimal value is 12255040.

Hex triplet	baff40	`#baff40`
RGB Decimal	186, 255, 64	`rgb(186,255,64)`
RGB Percent	72.9, 100, 25.1	`rgb(72.9%,100%,25.1%)`
CMYK	27, 0, 75, 0
HSL	81.7°, 100, 62.5	`hsl(81.7,100%,62.5%)`
HSV (or HSB)	81.7°, 74.9, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.719, -47.134, 78.209
XYZ	56.934, 82.328, 17.741
xyY	0.363, 0.524, 82.328
CIE-LCH	92.719, 91.314, 121.076
CIE-LUV	92.719, -34.387, 99.472
Hunter-Lab	90.735, -46.781, 51.921
Binary	10111010, 11111111, 01000000

#baff40
```
#baff40 rgb(186,255,64)
```
#8540ff
```
#8540ff rgb(133,64,255)
```

Complementary Color

#ffe540
```
#ffe540 rgb(255,229,64)
```
#baff40
```
#baff40 rgb(186,255,64)
```
#5bff40
```
#5bff40 rgb(91,255,64)
```

Analogous Color

#e540ff
```
#e540ff rgb(229,64,255)
```
#baff40
```
#baff40 rgb(186,255,64)
```
#405aff
```
#405aff rgb(64,90,255)
```

Split Complementary Color

#ff40ba
```
#ff40ba rgb(255,64,186)
```
#baff40
```
#baff40 rgb(186,255,64)
```
#40baff
```
#40baff rgb(64,186,255)
```

Triadic Color

#ff8540
```
#ff8540 rgb(255,133,64)
```
#baff40
```
#baff40 rgb(186,255,64)
```
#40baff
```
#40baff rgb(64,186,255)
```
#8540ff
```
#8540ff rgb(133,64,255)
```

Tetradic Color

#9bf300
```
#9bf300 rgb(155,243,0)
```
#a8ff0d
```
#a8ff0d rgb(168,255,13)
```
#b1ff27
```
#b1ff27 rgb(177,255,39)
```
#baff40
```
#baff40 rgb(186,255,64)
```
#c3ff5a
```
#c3ff5a rgb(195,255,90)
```
#ccff73
```
#ccff73 rgb(204,255,115)
```
#d6ff8d
```
#d6ff8d rgb(214,255,141)
```

Monochromatic Color

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

#eaff40
```
#eaff40 rgb(234,255,64)
```
#daff40
```
#daff40 rgb(218,255,64)
```
#caff40
```
#caff40 rgb(202,255,64)
```
#baff40
```
#baff40 rgb(186,255,64)
```
#aaff40
```
#aaff40 rgb(170,255,64)
```
#9aff40
```
#9aff40 rgb(154,255,64)
```
#8aff40
```
#8aff40 rgb(138,255,64)
```

Similar Colors

Text with hexadecimal color #baff40

This text has a font color of #baff40.

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

#baff40 background color

This paragraph has a background color of #baff40.

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

#baff40 border color

This element has a border color of #baff40.

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

CSS codes

.text {color:#baff40;}

.background {background-color:#baff40;}

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

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

#030500
```
#030500 rgb(3,5,0)
```
#101900
```
#101900 rgb(16,25,0)
```
#1c2c00
```
#1c2c00 rgb(28,44,0)
```
#294000
```
#294000 rgb(41,64,0)
```
#355400
```
#355400 rgb(53,84,0)
```
#426700
```
#426700 rgb(66,103,0)
```
#4e7b00
```
#4e7b00 rgb(78,123,0)
```
#5b8e00
```
#5b8e00 rgb(91,142,0)
```
#68a200
```
#68a200 rgb(104,162,0)
```
#74b600
```
#74b600 rgb(116,182,0)
```
#81c900
```
#81c900 rgb(129,201,0)
```
#8ddd00
```
#8ddd00 rgb(141,221,0)
```
#9af100
```
#9af100 rgb(154,241,0)
```

Shade Color Variation

#a5ff05
```
#a5ff05 rgb(165,255,5)
```
#acff19
```
#acff19 rgb(172,255,25)
```
#b3ff2c
```
#b3ff2c rgb(179,255,44)
```
#baff40
```
#baff40 rgb(186,255,64)
```
#c1ff54
```
#c1ff54 rgb(193,255,84)
```
#c8ff67
```
#c8ff67 rgb(200,255,103)
```
#cfff7b
```
#cfff7b rgb(207,255,123)
```
#d6ff8e
```
#d6ff8e rgb(214,255,142)
```
#ddffa2
```
#ddffa2 rgb(221,255,162)
```
#e5ffb6
```
#e5ffb6 rgb(229,255,182)
```
#ecffc9
```
#ecffc9 rgb(236,255,201)
```
#f3ffdd
```
#f3ffdd rgb(243,255,221)
```
#fafff1
```
#fafff1 rgb(250,255,241)
```

Tint Color Variation

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

#a2a798
```
#a2a798 rgb(162,167,152)
```
#a4ae91
```
#a4ae91 rgb(164,174,145)
```
#a6b689
```
#a6b689 rgb(166,182,137)
```
#a8bd82
```
#a8bd82 rgb(168,189,130)
```
#aac47b
```
#aac47b rgb(170,196,123)
```
#accc73
```
#accc73 rgb(172,204,115)
```
#aed36c
```
#aed36c rgb(174,211,108)
```
#b0da65
```
#b0da65 rgb(176,218,101)
```
#b2e25d
```
#b2e25d rgb(178,226,93)
```
#b4e956
```
#b4e956 rgb(180,233,86)
```
#b6f04f
```
#b6f04f rgb(182,240,79)
```
#b8f847
```
#b8f847 rgb(184,248,71)
```
#baff40
```
#baff40 rgb(186,255,64)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0ddb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb95 Protanopia 1% of men
#ffe7cb Deuteranopia 1% of men
#d7eeff Tritanopia 0.001% of the population

Trichromacy

#e5f276 Protanomaly 1% of men, 0.01% of women
#e5f099 Deuteranomaly 6% of men, 0.4% of women
#ccf4b9 Tritanomaly 0.01% of the population

#baff40 hex color

#baff40 Color Information

#baff40 Color Conversion

Color Schemes with #baff40

Alternatives to #baff40

#baff40 Preview

Shades and Tints of #baff40

Tones of #baff40

Color Blindness Simulator