#baff57 Color Information
In a RGB color space, hex #baff57 is composed of 72.9% red, 100% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 65.9% yellow and 0% black. It has a hue angle of 84.6 degrees, a saturation of 100% and a lightness of 67.1%. #baff57 color hex could be obtained by blending #ffffae with #75ff00. Closest websafe color is: #ccff66.
-
- R 73
- G 100
- B 34
-
- C 27
- M 0
- Y 66
- K 0
● #baff57 color description : Light green.
#baff57 Color Conversion
The hexadecimal color #baff57 has RGB values of R:186, G:255, B:87 and CMYK values of C:0.27, M:0, Y:0.66, K:0. Its decimal value is 12255063.
Hex triplet | baff57 | #baff57 |
---|---|---|
RGB Decimal | 186, 255, 87 | rgb(186,255,87) |
RGB Percent | 72.9, 100, 34.1 | rgb(72.9%,100%,34.1%) |
CMYK | 27, 0, 66, 0 | |
HSL | 84.6°, 100, 67.1 | hsl(84.6,100%,67.1%) |
HSV (or HSB) | 84.6°, 65.9, 100 | |
Web Safe | ccff66 | #ccff66 |
CIE-LAB | 92.859, -45.784, 70.459 |
---|---|
XYZ | 57.729, 82.646, 21.927 |
xyY | 0.356, 0.509, 82.646 |
CIE-LCH | 92.859, 84.027, 123.016 |
CIE-LUV | 92.859, -34.341, 93.316 |
Hunter-Lab | 90.91, -45.742, 49.336 |
Binary | 10111010, 11111111, 01010111 |
Color Schemes with #baff57
Alternatives to #baff57
Below, you can see some colors close to #baff57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baff57 Preview
This text has a font color of #baff57.
<span style="color:#baff57;">Text here</span>
This paragraph has a background color of #baff57.
<p style="background-color:#baff57;">Content here</p>
This element has a border color of #baff57.
<div style="border:1px solid #baff57;">Content here</div>
.text {color:#baff57;}
.background {background-color:#baff57;}
.border {border:1px solid #baff57;}
Shades and Tints of #baff57
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, #050900 is the darkest color, while #fafff4 is the lightest one.
-
#050900
#050900
rgb(5,9,0)
-
#111c00
#111c00
rgb(17,28,0)
-
#1c3000
#1c3000
rgb(28,48,0)
-
#284300
#284300
rgb(40,67,0)
-
#335700
#335700
rgb(51,87,0)
-
#3f6b00
#3f6b00
rgb(63,107,0)
-
#4a7e00
#4a7e00
rgb(74,126,0)
-
#569200
#569200
rgb(86,146,0)
-
#62a500
#62a500
rgb(98,165,0)
-
#6db900
#6db900
rgb(109,185,0)
-
#79cd00
#79cd00
rgb(121,205,0)
-
#84e000
#84e000
rgb(132,224,0)
-
#90f400
#90f400
rgb(144,244,0)
-
#9aff09
#9aff09
rgb(154,255,9)
-
#a2ff1c
#a2ff1c
rgb(162,255,28)
-
#aaff30
#aaff30
rgb(170,255,48)
-
#b2ff43
#b2ff43
rgb(178,255,67)
-
#baff57
#baff57
rgb(186,255,87)
-
#c2ff6b
#c2ff6b
rgb(194,255,107)
-
#caff7e
#caff7e
rgb(202,255,126)
-
#d2ff92
#d2ff92
rgb(210,255,146)
-
#daffa5
#daffa5
rgb(218,255,165)
-
#e2ffb9
#e2ffb9
rgb(226,255,185)
-
#eaffcd
#eaffcd
rgb(234,255,205)
-
#f2ffe0
#f2ffe0
rgb(242,255,224)
-
#fafff4
#fafff4
rgb(250,255,244)
Tones of #baff57
A tone is produced by adding gray to any pure hue. In this case, #acb1a5 is the less saturated color, while #baff57 is the most saturated one.
-
#acb1a5
#acb1a5
rgb(172,177,165)
-
#adb89e
#adb89e
rgb(173,184,158)
-
#aebe98
#aebe98
rgb(174,190,152)
-
#b0c591
#b0c591
rgb(176,197,145)
-
#b1cb8b
#b1cb8b
rgb(177,203,139)
-
#b2d284
#b2d284
rgb(178,210,132)
-
#b3d87e
#b3d87e
rgb(179,216,126)
-
#b4df77
#b4df77
rgb(180,223,119)
-
#b5e571
#b5e571
rgb(181,229,113)
-
#b7ec6a
#b7ec6a
rgb(183,236,106)
-
#b8f264
#b8f264
rgb(184,242,100)
-
#b9f95d
#b9f95d
rgb(185,249,93)
-
#baff57
#baff57
rgb(186,255,87)
Color Blindness Simulator
Below, you can see how #baff57 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.