#baff20 Color Information
In a RGB color space, hex #baff20 is composed of 72.9% red, 100% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 87.5% yellow and 0% black. It has a hue angle of 78.6 degrees, a saturation of 100% and a lightness of 56.3%. #baff20 color hex could be obtained by blending #ffff40 with #75ff00. Closest websafe color is: #ccff33.
-
- R 73
- G 100
- B 13
-
- C 27
- M 0
- Y 87
- K 0
● #baff20 color description : Vivid green.
#baff20 Color Conversion
The hexadecimal color #baff20 has RGB values of R:186, G:255, B:32 and CMYK values of C:0.27, M:0, Y:0.87, K:0. Its decimal value is 12255008.
Hex triplet | baff20 | #baff20 |
---|---|---|
RGB Decimal | 186, 255, 32 | rgb(186,255,32) |
RGB Percent | 72.9, 100, 12.5 | rgb(72.9%,100%,12.5%) |
CMYK | 27, 0, 87, 0 | |
HSL | 78.6°, 100, 56.3 | hsl(78.6,100%,56.3%) |
HSV (or HSB) | 78.6°, 87.5, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 92.602, -48.275, 85.723 |
---|---|
XYZ | 56.269, 82.062, 14.241 |
xyY | 0.369, 0.538, 82.062 |
CIE-LCH | 92.602, 98.382, 119.386 |
CIE-LUV | 92.602, -34.428, 104.736 |
Hunter-Lab | 90.588, -47.652, 54.091 |
Binary | 10111010, 11111111, 00100000 |
Color Schemes with #baff20
Alternatives to #baff20
Below, you can see some colors close to #baff20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baff20 Preview
This text has a font color of #baff20.
<span style="color:#baff20;">Text here</span>
This paragraph has a background color of #baff20.
<p style="background-color:#baff20;">Content here</p>
This element has a border color of #baff20.
<div style="border:1px solid #baff20;">Content here</div>
.text {color:#baff20;}
.background {background-color:#baff20;}
.border {border:1px solid #baff20;}
Shades and Tints of #baff20
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, #090c00 is the darkest color, while #fdfff8 is the lightest one.
-
#090c00
#090c00
rgb(9,12,0)
-
#162000
#162000
rgb(22,32,0)
-
#243400
#243400
rgb(36,52,0)
-
#314700
#314700
rgb(49,71,0)
-
#3f5b00
#3f5b00
rgb(63,91,0)
-
#4c6e00
#4c6e00
rgb(76,110,0)
-
#5a8200
#5a8200
rgb(90,130,0)
-
#679600
#679600
rgb(103,150,0)
-
#75a900
#75a900
rgb(117,169,0)
-
#82bd00
#82bd00
rgb(130,189,0)
-
#90d100
#90d100
rgb(144,209,0)
-
#9ee400
#9ee400
rgb(158,228,0)
-
#abf800
#abf800
rgb(171,248,0)
-
#b4ff0c
#b4ff0c
rgb(180,255,12)
-
#baff20
#baff20
rgb(186,255,32)
-
#c0ff34
#c0ff34
rgb(192,255,52)
-
#c6ff47
#c6ff47
rgb(198,255,71)
-
#ccff5b
#ccff5b
rgb(204,255,91)
-
#d2ff6e
#d2ff6e
rgb(210,255,110)
-
#d8ff82
#d8ff82
rgb(216,255,130)
-
#deff96
#deff96
rgb(222,255,150)
-
#e4ffa9
#e4ffa9
rgb(228,255,169)
-
#ebffbd
#ebffbd
rgb(235,255,189)
-
#f1ffd1
#f1ffd1
rgb(241,255,209)
-
#f7ffe4
#f7ffe4
rgb(247,255,228)
-
#fdfff8
#fdfff8
rgb(253,255,248)
Tones of #baff20
A tone is produced by adding gray to any pure hue. In this case, #939887 is the less saturated color, while #baff20 is the most saturated one.
-
#939887
#939887
rgb(147,152,135)
-
#96a17e
#96a17e
rgb(150,161,126)
-
#99a976
#99a976
rgb(153,169,118)
-
#9db26d
#9db26d
rgb(157,178,109)
-
#a0ba65
#a0ba65
rgb(160,186,101)
-
#a3c35c
#a3c35c
rgb(163,195,92)
-
#a6cc53
#a6cc53
rgb(166,204,83)
-
#aad44b
#aad44b
rgb(170,212,75)
-
#addd42
#addd42
rgb(173,221,66)
-
#b0e53a
#b0e53a
rgb(176,229,58)
-
#b3ee31
#b3ee31
rgb(179,238,49)
-
#b7f629
#b7f629
rgb(183,246,41)
-
#baff20
#baff20
rgb(186,255,32)
Color Blindness Simulator
Below, you can see how #baff20 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.