colorhexa.com

#bafe0c hex color

In a RGB color space, hex #bafe0c is composed of 72.9% red, 99.6% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 95.3% yellow and 0.4% black. It has a hue angle of 76.9 degrees, a saturation of 99.2% and a lightness of 52.2%. #bafe0c color hex could be obtained by blending #ffff18 with #75fd00. Closest websafe color is: #ccff00.

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

● #bafe0c color description : Vivid green.

The hexadecimal color #bafe0c has RGB values of R:186, G:254, B:12 and CMYK values of C:0.27, M:0, Y:0.95, K:0. Its decimal value is 12254732.

Hex triplet	bafe0c	`#bafe0c`
RGB Decimal	186, 254, 12	`rgb(186,254,12)`
RGB Percent	72.9, 99.6, 4.7	`rgb(72.9%,99.6%,4.7%)`
CMYK	27, 0, 95, 0
HSL	76.9°, 99.2, 52.2	`hsl(76.9,99.2%,52.2%)`
HSV (or HSB)	76.9°, 95.3, 99.6
Web Safe	ccff00	`#ccff00`

CIE-LAB	92.286, -48.192, 87.936
XYZ	55.757, 81.348, 13.112
xyY	0.371, 0.542, 81.348
CIE-LCH	92.286, 100.276, 118.724
CIE-LUV	92.286, -33.924, 105.918
Hunter-Lab	90.193, -47.49, 54.516
Binary	10111010, 11111110, 00001100

#bafe0c
```
#bafe0c rgb(186,254,12)
```
#500cfe
```
#500cfe rgb(80,12,254)
```

Complementary Color

#fec90c
```
#fec90c rgb(254,201,12)
```
#bafe0c
```
#bafe0c rgb(186,254,12)
```
#41fe0c
```
#41fe0c rgb(65,254,12)
```

Analogous Color

#c90cfe
```
#c90cfe rgb(201,12,254)
```
#bafe0c
```
#bafe0c rgb(186,254,12)
```
#0c41fe
```
#0c41fe rgb(12,65,254)
```

Split Complementary Color

#fe0cba
```
#fe0cba rgb(254,12,186)
```
#bafe0c
```
#bafe0c rgb(186,254,12)
```
#0cbafe
```
#0cbafe rgb(12,186,254)
```

Triadic Color

#fe500c
```
#fe500c rgb(254,80,12)
```
#bafe0c
```
#bafe0c rgb(186,254,12)
```
#0cbafe
```
#0cbafe rgb(12,186,254)
```
#500cfe
```
#500cfe rgb(80,12,254)
```

Tetradic Color

#88bd01
```
#88bd01 rgb(136,189,1)
```
#9ad601
```
#9ad601 rgb(154,214,1)
```
#acf001
```
#acf001 rgb(172,240,1)
```
#bafe0c
```
#bafe0c rgb(186,254,12)
```
#c1fe25
```
#c1fe25 rgb(193,254,37)
```
#c8fe3f
```
#c8fe3f rgb(200,254,63)
```
#d0fe58
```
#d0fe58 rgb(208,254,88)
```

Monochromatic Color

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

#f7fe0c
```
#f7fe0c rgb(247,254,12)
```
#e2fe0c
```
#e2fe0c rgb(226,254,12)
```
#cefe0c
```
#cefe0c rgb(206,254,12)
```
#bafe0c
```
#bafe0c rgb(186,254,12)
```
#a6fe0c
```
#a6fe0c rgb(166,254,12)
```
#92fe0c
```
#92fe0c rgb(146,254,12)
```
#7efe0c
```
#7efe0c rgb(126,254,12)
```

Similar Colors

Text with hexadecimal color #bafe0c

This text has a font color of #bafe0c.

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

#bafe0c background color

This paragraph has a background color of #bafe0c.

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

#bafe0c border color

This element has a border color of #bafe0c.

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

CSS codes

.text {color:#bafe0c;}

.background {background-color:#bafe0c;}

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

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

#080b00
```
#080b00 rgb(8,11,0)
```
#161e00
```
#161e00 rgb(22,30,0)
```
#243200
```
#243200 rgb(36,50,0)
```
#324600
```
#324600 rgb(50,70,0)
```
#405900
```
#405900 rgb(64,89,0)
```
#4e6d00
```
#4e6d00 rgb(78,109,0)
```
#5c8001
```
#5c8001 rgb(92,128,1)
```
#6a9401
```
#6a9401 rgb(106,148,1)
```
#78a701
```
#78a701 rgb(120,167,1)
```
#87bb01
```
#87bb01 rgb(135,187,1)
```
#95ce01
```
#95ce01 rgb(149,206,1)
```
#a3e201
```
#a3e201 rgb(163,226,1)
```
#b1f501
```
#b1f501 rgb(177,245,1)
```

Shade Color Variation

#bafe0c
```
#bafe0c rgb(186,254,12)
```
#c0fe20
```
#c0fe20 rgb(192,254,32)
```
#c5fe33
```
#c5fe33 rgb(197,254,51)
```
#cbfe47
```
#cbfe47 rgb(203,254,71)
```
#d0fe5a
```
#d0fe5a rgb(208,254,90)
```
#d6fe6e
```
#d6fe6e rgb(214,254,110)
```
#dbfe81
```
#dbfe81 rgb(219,254,129)
```
#e1ff95
```
#e1ff95 rgb(225,255,149)
```
#e6ffa8
```
#e6ffa8 rgb(230,255,168)
```
#ecffbc
```
#ecffbc rgb(236,255,188)
```
#f1ffcf
```
#f1ffcf rgb(241,255,207)
```
#f7ffe3
```
#f7ffe3 rgb(247,255,227)
```
#fdfff6
```
#fdfff6 rgb(253,255,246)
```

Tint Color Variation

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

#898d7d
```
#898d7d rgb(137,141,125)
```
#8d9773
```
#8d9773 rgb(141,151,115)
```
#91a06a
```
#91a06a rgb(145,160,106)
```
#95aa60
```
#95aa60 rgb(149,170,96)
```
#99b357
```
#99b357 rgb(153,179,87)
```
#9dbc4e
```
#9dbc4e rgb(157,188,78)
```
#a1c644
```
#a1c644 rgb(161,198,68)
```
#a5cf3b
```
#a5cf3b rgb(165,207,59)
```
#aad832
```
#aad832 rgb(170,216,50)
```
#aee228
```
#aee228 rgb(174,226,40)
```
#b2eb1f
```
#b2eb1f rgb(178,235,31)
```
#b6f515
```
#b6f515 rgb(182,245,21)
```
#bafe0c
```
#bafe0c rgb(186,254,12)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cad8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8a Protanopia 1% of men
#ffe6c7 Deuteranopia 1% of men
#d7edfe Tritanopia 0.001% of the population

Trichromacy

#e5f15c Protanomaly 1% of men, 0.01% of women
#e5ee83 Deuteranomaly 6% of men, 0.4% of women
#ccf3a6 Tritanomaly 0.01% of the population