#bafe45 hex color

In a RGB color space, hex #bafe45 is composed of 72.9% red, 99.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 72.8% yellow and 0.4% black. It has a hue angle of 82.1 degrees, a saturation of 98.9% and a lightness of 63.3%. #bafe45 color hex could be obtained by blending #ffff8a with #75fd00. Closest websafe color is: #ccff33.

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

● #bafe45 color description : Bright green.

The hexadecimal color #bafe45 has RGB values of R:186, G:254, B:69 and CMYK values of C:0.27, M:0, Y:0.73, K:0. Its decimal value is 12254789.

Hex triplet	bafe45	`#bafe45`
RGB Decimal	186, 254, 69	`rgb(186,254,69)`
RGB Percent	72.9, 99.6, 27.1	`rgb(72.9%,99.6%,27.1%)`
CMYK	27, 0, 73, 0
HSL	82.1°, 98.9, 63.3	`hsl(82.1,98.9%,63.3%)`
HSV (or HSB)	82.1°, 72.8, 99.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.465, -46.455, 76.398
XYZ	56.765, 81.751, 18.419
xyY	0.362, 0.521, 81.751
CIE-LCH	92.465, 89.413, 121.303
CIE-LUV	92.465, -33.869, 97.895
Hunter-Lab	90.416, -46.164, 51.213
Binary	10111010, 11111110, 01000101

#bafe45
```
#bafe45 rgb(186,254,69)
```
#8945fe
```
#8945fe rgb(137,69,254)
```

Complementary Color

#fee645
```
#fee645 rgb(254,230,69)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```
#5efe45
```
#5efe45 rgb(94,254,69)
```

Analogous Color

#e645fe
```
#e645fe rgb(230,69,254)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```
#455dfe
```
#455dfe rgb(69,93,254)
```

Split Complementary Color

#fe45ba
```
#fe45ba rgb(254,69,186)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```
#45bafe
```
#45bafe rgb(69,186,254)
```

Triadic Color

#fe8945
```
#fe8945 rgb(254,137,69)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#8945fe
```
#8945fe rgb(137,69,254)
```

Tetradic Color

#9cf501
```
#9cf501 rgb(156,245,1)
```
#a7fe12
```
#a7fe12 rgb(167,254,18)
```
#b1fe2c
```
#b1fe2c rgb(177,254,44)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```
#c3fe5e
```
#c3fe5e rgb(195,254,94)
```
#cdfe78
```
#cdfe78 rgb(205,254,120)
```
#d6fe91
```
#d6fe91 rgb(214,254,145)
```

Monochromatic Color

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

#e8fe45
```
#e8fe45 rgb(232,254,69)
```
#d9fe45
```
#d9fe45 rgb(217,254,69)
```
#c9fe45
```
#c9fe45 rgb(201,254,69)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```
#abfe45
```
#abfe45 rgb(171,254,69)
```
#9bfe45
```
#9bfe45 rgb(155,254,69)
```
#8cfe45
```
#8cfe45 rgb(140,254,69)
```

Similar Colors

Text with hexadecimal color #bafe45

This text has a font color of #bafe45.

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

#bafe45 background color

This paragraph has a background color of #bafe45.

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

#bafe45 border color

This element has a border color of #bafe45.

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

CSS codes

.text {color:#bafe45;}

.background {background-color:#bafe45;}

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

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

#060900
```
#060900 rgb(6,9,0)
```
#121d00
```
#121d00 rgb(18,29,0)
```
#1f3000
```
#1f3000 rgb(31,48,0)
```
#2b4400
```
#2b4400 rgb(43,68,0)
```
#375700
```
#375700 rgb(55,87,0)
```
#446b01
```
#446b01 rgb(68,107,1)
```
#507e01
```
#507e01 rgb(80,126,1)
```
#5c9201
```
#5c9201 rgb(92,146,1)
```
#69a501
```
#69a501 rgb(105,165,1)
```
#75b901
```
#75b901 rgb(117,185,1)
```
#82cc01
```
#82cc01 rgb(130,204,1)
```
#8ee001
```
#8ee001 rgb(142,224,1)
```
#9af301
```
#9af301 rgb(154,243,1)
```

Shade Color Variation

#a4fe0a
```
#a4fe0a rgb(164,254,10)
```
#acfe1e
```
#acfe1e rgb(172,254,30)
```
#b3fe31
```
#b3fe31 rgb(179,254,49)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```
#c1fe59
```
#c1fe59 rgb(193,254,89)
```
#c8fe6c
```
#c8fe6c rgb(200,254,108)
```
#d0fe80
```
#d0fe80 rgb(208,254,128)
```
#d7fe93
```
#d7fe93 rgb(215,254,147)
```
#deffa7
```
#deffa7 rgb(222,255,167)
```
#e5ffba
```
#e5ffba rgb(229,255,186)
```
#edffce
```
#edffce rgb(237,255,206)
```
#f4ffe1
```
#f4ffe1 rgb(244,255,225)
```
#fbfff5
```
#fbfff5 rgb(251,255,245)
```

Tint Color Variation

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

#a3a89b
```
#a3a89b rgb(163,168,155)
```
#a5af94
```
#a5af94 rgb(165,175,148)
```
#a7b68d
```
#a7b68d rgb(167,182,141)
```
#a9bd86
```
#a9bd86 rgb(169,189,134)
```
#abc47f
```
#abc47f rgb(171,196,127)
```
#adcc77
```
#adcc77 rgb(173,204,119)
```
#afd370
```
#afd370 rgb(175,211,112)
```
#b0da69
```
#b0da69 rgb(176,218,105)
```
#b2e162
```
#b2e162 rgb(178,225,98)
```
#b4e85b
```
#b4e85b rgb(180,232,91)
```
#b6f053
```
#b6f053 rgb(182,240,83)
```
#b8f74c
```
#b8f74c rgb(184,247,76)
```
#bafe45
```
#bafe45 rgb(186,254,69)
```

Tone Color Variation

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

#ffea8f Protanopia 1% of men
#ffe6ca Deuteranopia 1% of men
#d6edff Tritanopia 0.001% of the population

Trichromacy

#e5f174 Protanomaly 1% of men, 0.01% of women
#e5ef99 Deuteranomaly 6% of men, 0.4% of women
#cbf3bb Tritanomaly 0.01% of the population

#bafe45 hex color

#bafe45 Color Information

#bafe45 Color Conversion

Color Schemes with #bafe45

Alternatives to #bafe45

#bafe45 Preview

Shades and Tints of #bafe45

Tones of #bafe45

Color Blindness Simulator