#bafe18 hex color

In a RGB color space, hex #bafe18 is composed of 72.9% red, 99.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 90.6% yellow and 0.4% black. It has a hue angle of 77.7 degrees, a saturation of 99.1% and a lightness of 54.5%. #bafe18 color hex could be obtained by blending #ffff30 with #75fd00. Closest websafe color is: #ccff00.

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

● #bafe18 color description : Vivid green.

The hexadecimal color #bafe18 has RGB values of R:186, G:254, B:24 and CMYK values of C:0.27, M:0, Y:0.91, K:0. Its decimal value is 12254744.

Hex triplet	bafe18	`#bafe18`
RGB Decimal	186, 254, 24	`rgb(186,254,24)`
RGB Percent	72.9, 99.6, 9.4	`rgb(72.9%,99.6%,9.4%)`
CMYK	27, 0, 91, 0
HSL	77.7°, 99.1, 54.5	`hsl(77.7,99.1%,54.5%)`
HSV (or HSB)	77.7°, 90.6, 99.6
Web Safe	ccff00	`#ccff00`

CIE-LAB	92.304, -48.021, 86.681
XYZ	55.855, 81.387, 13.631
xyY	0.37, 0.539, 81.387
CIE-LCH	92.304, 99.094, 118.986
CIE-LUV	92.304, -33.919, 105.123
Hunter-Lab	90.215, -47.36, 54.192
Binary	10111010, 11111110, 00011000

#bafe18
```
#bafe18 rgb(186,254,24)
```
#5c18fe
```
#5c18fe rgb(92,24,254)
```

Complementary Color

#fecf18
```
#fecf18 rgb(254,207,24)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```
#47fe18
```
#47fe18 rgb(71,254,24)
```

Analogous Color

#cf18fe
```
#cf18fe rgb(207,24,254)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```
#1847fe
```
#1847fe rgb(24,71,254)
```

Split Complementary Color

#fe18ba
```
#fe18ba rgb(254,24,186)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```
#18bafe
```
#18bafe rgb(24,186,254)
```

Triadic Color

#fe5c18
```
#fe5c18 rgb(254,92,24)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```
#18bafe
```
#18bafe rgb(24,186,254)
```
#5c18fe
```
#5c18fe rgb(92,24,254)
```

Tetradic Color

#8ec901
```
#8ec901 rgb(142,201,1)
```
#9fe201
```
#9fe201 rgb(159,226,1)
```
#b1fb01
```
#b1fb01 rgb(177,251,1)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```
#c2fe31
```
#c2fe31 rgb(194,254,49)
```
#c9fe4b
```
#c9fe4b rgb(201,254,75)
```
#d1fe64
```
#d1fe64 rgb(209,254,100)
```

Monochromatic Color

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

#f4fe18
```
#f4fe18 rgb(244,254,24)
```
#e0fe18
```
#e0fe18 rgb(224,254,24)
```
#cdfe18
```
#cdfe18 rgb(205,254,24)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```
#a7fe18
```
#a7fe18 rgb(167,254,24)
```
#94fe18
```
#94fe18 rgb(148,254,24)
```
#81fe18
```
#81fe18 rgb(129,254,24)
```

Similar Colors

Text with hexadecimal color #bafe18

This text has a font color of #bafe18.

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

#bafe18 background color

This paragraph has a background color of #bafe18.

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

#bafe18 border color

This element has a border color of #bafe18.

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

CSS codes

.text {color:#bafe18;}

.background {background-color:#bafe18;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#101700
```
#101700 rgb(16,23,0)
```
#1e2a00
```
#1e2a00 rgb(30,42,0)
```
#2c3e00
```
#2c3e00 rgb(44,62,0)
```
#3a5100
```
#3a5100 rgb(58,81,0)
```
#476500
```
#476500 rgb(71,101,0)
```
#557901
```
#557901 rgb(85,121,1)
```
#638c01
```
#638c01 rgb(99,140,1)
```
#71a001
```
#71a001 rgb(113,160,1)
```
#7eb301
```
#7eb301 rgb(126,179,1)
```
#8cc701
```
#8cc701 rgb(140,199,1)
```
#9ada01
```
#9ada01 rgb(154,218,1)
```
#a8ee01
```
#a8ee01 rgb(168,238,1)
```

Shade Color Variation

#b4fe04
```
#b4fe04 rgb(180,254,4)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```
#c0fe2c
```
#c0fe2c rgb(192,254,44)
```
#c6fe3f
```
#c6fe3f rgb(198,254,63)
```
#ccfe53
```
#ccfe53 rgb(204,254,83)
```
#d1fe66
```
#d1fe66 rgb(209,254,102)
```
#d7fe7a
```
#d7fe7a rgb(215,254,122)
```
#ddff8d
```
#ddff8d rgb(221,255,141)
```
#e3ffa1
```
#e3ffa1 rgb(227,255,161)
```
#e9ffb4
```
#e9ffb4 rgb(233,255,180)
```
#efffc8
```
#efffc8 rgb(239,255,200)
```
#f4ffdb
```
#f4ffdb rgb(244,255,219)
```
#faffef
```
#faffef rgb(250,255,239)
```

Tint Color Variation

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

#8e9383
```
#8e9383 rgb(142,147,131)
```
#929c7a
```
#929c7a rgb(146,156,122)
```
#96a571
```
#96a571 rgb(150,165,113)
```
#99ae68
```
#99ae68 rgb(153,174,104)
```
#9db75f
```
#9db75f rgb(157,183,95)
```
#a0c056
```
#a0c056 rgb(160,192,86)
```
#a4c84e
```
#a4c84e rgb(164,200,78)
```
#a8d145
```
#a8d145 rgb(168,209,69)
```
#abda3c
```
#abda3c rgb(171,218,60)
```
#afe333
```
#afe333 rgb(175,227,51)
```
#b3ec2a
```
#b3ec2a rgb(179,236,42)
```
#b6f521
```
#b6f521 rgb(182,245,33)
```
#bafe18
```
#bafe18 rgb(186,254,24)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8b Protanopia 1% of men
#ffe6c7 Deuteranopia 1% of men
#d6edfe Tritanopia 0.001% of the population

Trichromacy

#e5f161 Protanomaly 1% of men, 0.01% of women
#e5ef87 Deuteranomaly 6% of men, 0.4% of women
#ccf3aa Tritanomaly 0.01% of the population

#bafe18 hex color

#bafe18 Color Information

#bafe18 Color Conversion

Color Schemes with #bafe18

Alternatives to #bafe18

#bafe18 Preview

Shades and Tints of #bafe18

Tones of #bafe18

Color Blindness Simulator