colorhexa.com

#baff46 hex color

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

- R 73
- G 100
- B 27
RGB color chart
- C 27
- M 0
- Y 73
- K 0
CMYK color chart

● #baff46 color description : Light green.

The hexadecimal color #baff46 has RGB values of R:186, G:255, B:70 and CMYK values of C:0.27, M:0, Y:0.73, K:0. Its decimal value is 12255046.

Hex triplet	baff46	`#baff46`
RGB Decimal	186, 255, 70	`rgb(186,255,70)`
RGB Percent	72.9, 100, 27.5	`rgb(72.9%,100%,27.5%)`
CMYK	27, 0, 73, 0
HSL	82.4°, 100, 63.7	`hsl(82.4,100%,63.7%)`
HSV (or HSB)	82.4°, 72.5, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.751, -46.827, 76.352
XYZ	57.114, 82.4, 18.69
xyY	0.361, 0.521, 82.4
CIE-LCH	92.751, 89.567, 121.521
CIE-LUV	92.751, -34.376, 98.064
Hunter-Lab	90.774, -46.545, 51.335
Binary	10111010, 11111111, 01000110

#baff46
```
#baff46 rgb(186,255,70)
```
#8b46ff
```
#8b46ff rgb(139,70,255)
```

Complementary Color

#ffe846
```
#ffe846 rgb(255,232,70)
```
#baff46
```
#baff46 rgb(186,255,70)
```
#5eff46
```
#5eff46 rgb(94,255,70)
```

Analogous Color

#e846ff
```
#e846ff rgb(232,70,255)
```
#baff46
```
#baff46 rgb(186,255,70)
```
#465eff
```
#465eff rgb(70,94,255)
```

Split Complementary Color

#ff46ba
```
#ff46ba rgb(255,70,186)
```
#baff46
```
#baff46 rgb(186,255,70)
```
#46baff
```
#46baff rgb(70,186,255)
```

Triadic Color

#ff8b46
```
#ff8b46 rgb(255,139,70)
```
#baff46
```
#baff46 rgb(186,255,70)
```
#46baff
```
#46baff rgb(70,186,255)
```
#8b46ff
```
#8b46ff rgb(139,70,255)
```

Tetradic Color

#9cf900
```
#9cf900 rgb(156,249,0)
```
#a7ff13
```
#a7ff13 rgb(167,255,19)
```
#b0ff2d
```
#b0ff2d rgb(176,255,45)
```
#baff46
```
#baff46 rgb(186,255,70)
```
#c4ff60
```
#c4ff60 rgb(196,255,96)
```
#cdff79
```
#cdff79 rgb(205,255,121)
```
#d7ff93
```
#d7ff93 rgb(215,255,147)
```

Monochromatic Color

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

#e8ff46
```
#e8ff46 rgb(232,255,70)
```
#d9ff46
```
#d9ff46 rgb(217,255,70)
```
#c9ff46
```
#c9ff46 rgb(201,255,70)
```
#baff46
```
#baff46 rgb(186,255,70)
```
#abff46
```
#abff46 rgb(171,255,70)
```
#9bff46
```
#9bff46 rgb(155,255,70)
```
#8cff46
```
#8cff46 rgb(140,255,70)
```

Similar Colors

Text with hexadecimal color #baff46

This text has a font color of #baff46.

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

#baff46 background color

This paragraph has a background color of #baff46.

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

#baff46 border color

This element has a border color of #baff46.

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

CSS codes

.text {color:#baff46;}

.background {background-color:#baff46;}

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

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, #070b00 is the darkest color, while #fcfff7 is the lightest one.

#070b00
```
#070b00 rgb(7,11,0)
```
#131f00
```
#131f00 rgb(19,31,0)
```
#203200
```
#203200 rgb(32,50,0)
```
#2c4600
```
#2c4600 rgb(44,70,0)
```
#385a00
```
#385a00 rgb(56,90,0)
```
#446d00
```
#446d00 rgb(68,109,0)
```
#518100
```
#518100 rgb(81,129,0)
```
#5d9400
```
#5d9400 rgb(93,148,0)
```
#69a800
```
#69a800 rgb(105,168,0)
```
#76bc00
```
#76bc00 rgb(118,188,0)
```
#82cf00
```
#82cf00 rgb(130,207,0)
```
#8ee300
```
#8ee300 rgb(142,227,0)
```
#9bf700
```
#9bf700 rgb(155,247,0)
```

Shade Color Variation

#a4ff0b
```
#a4ff0b rgb(164,255,11)
```
#abff1f
```
#abff1f rgb(171,255,31)
```
#b3ff32
```
#b3ff32 rgb(179,255,50)
```
#baff46
```
#baff46 rgb(186,255,70)
```
#c1ff5a
```
#c1ff5a rgb(193,255,90)
```
#c9ff6d
```
#c9ff6d rgb(201,255,109)
```
#d0ff81
```
#d0ff81 rgb(208,255,129)
```
#d7ff94
```
#d7ff94 rgb(215,255,148)
```
#dfffa8
```
#dfffa8 rgb(223,255,168)
```
#e6ffbc
```
#e6ffbc rgb(230,255,188)
```
#edffcf
```
#edffcf rgb(237,255,207)
```
#f5ffe3
```
#f5ffe3 rgb(245,255,227)
```
#fcfff7
```
#fcfff7 rgb(252,255,247)
```

Tint Color Variation

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

#a4aa9b
```
#a4aa9b rgb(164,170,155)
```
#a6b194
```
#a6b194 rgb(166,177,148)
```
#a8b88d
```
#a8b88d rgb(168,184,141)
```
#aabf86
```
#aabf86 rgb(170,191,134)
```
#acc67f
```
#acc67f rgb(172,198,127)
```
#adcd78
```
#adcd78 rgb(173,205,120)
```
#afd471
```
#afd471 rgb(175,212,113)
```
#b1db6a
```
#b1db6a rgb(177,219,106)
```
#b3e362
```
#b3e362 rgb(179,227,98)
```
#b5ea5b
```
#b5ea5b rgb(181,234,91)
```
#b6f154
```
#b6f154 rgb(182,241,84)
```
#b8f84d
```
#b8f84d rgb(184,248,77)
```
#baff46
```
#baff46 rgb(186,255,70)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#e5f278 Protanomaly 1% of men, 0.01% of women
#e5f09b Deuteranomaly 6% of men, 0.4% of women
#ccf4bb Tritanomaly 0.01% of the population