#baff56 Color Information
In a RGB color space, hex #baff56 is composed of 72.9% red, 100% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 66.3% yellow and 0% black. It has a hue angle of 84.5 degrees, a saturation of 100% and a lightness of 66.9%. #baff56 color hex could be obtained by blending #ffffac with #75ff00. Closest websafe color is: #ccff66.
-
- R 73
- G 100
- B 34
-
- C 27
- M 0
- Y 66
- K 0
● #baff56 color description : Light green.
#baff56 Color Conversion
The hexadecimal color #baff56 has RGB values of R:186, G:255, B:86 and CMYK values of C:0.27, M:0, Y:0.66, K:0. Its decimal value is 12255062.
Hex triplet | baff56 | #baff56 |
---|---|---|
RGB Decimal | 186, 255, 86 | rgb(186,255,86) |
RGB Percent | 72.9, 100, 33.7 | rgb(72.9%,100%,33.7%) |
CMYK | 27, 0, 66, 0 | |
HSL | 84.5°, 100, 66.9 | hsl(84.5,100%,66.9%) |
HSV (or HSB) | 84.5°, 66.3, 100 | |
Web Safe | ccff66 | #ccff66 |
CIE-LAB | 92.852, -45.853, 70.829 |
---|---|
XYZ | 57.688, 82.629, 21.713 |
xyY | 0.356, 0.51, 82.629 |
CIE-LCH | 92.852, 84.375, 122.918 |
CIE-LUV | 92.852, -34.343, 93.627 |
Hunter-Lab | 90.901, -45.795, 49.468 |
Binary | 10111010, 11111111, 01010110 |
Color Schemes with #baff56
Alternatives to #baff56
Below, you can see some colors close to #baff56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baff56 Preview
This text has a font color of #baff56.
<span style="color:#baff56;">Text here</span>
This paragraph has a background color of #baff56.
<p style="background-color:#baff56;">Content here</p>
This element has a border color of #baff56.
<div style="border:1px solid #baff56;">Content here</div>
.text {color:#baff56;}
.background {background-color:#baff56;}
.border {border:1px solid #baff56;}
Shades and Tints of #baff56
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, #040800 is the darkest color, while #fafff3 is the lightest one.
-
#040800
#040800
rgb(4,8,0)
-
#101b00
#101b00
rgb(16,27,0)
-
#1c2f00
#1c2f00
rgb(28,47,0)
-
#274200
#274200
rgb(39,66,0)
-
#335600
#335600
rgb(51,86,0)
-
#3e6a00
#3e6a00
rgb(62,106,0)
-
#4a7d00
#4a7d00
rgb(74,125,0)
-
#569100
#569100
rgb(86,145,0)
-
#61a400
#61a400
rgb(97,164,0)
-
#6db800
#6db800
rgb(109,184,0)
-
#79cc00
#79cc00
rgb(121,204,0)
-
#84df00
#84df00
rgb(132,223,0)
-
#90f300
#90f300
rgb(144,243,0)
-
#9aff08
#9aff08
rgb(154,255,8)
-
#a2ff1b
#a2ff1b
rgb(162,255,27)
-
#aaff2f
#aaff2f
rgb(170,255,47)
-
#b2ff42
#b2ff42
rgb(178,255,66)
-
#baff56
#baff56
rgb(186,255,86)
-
#c2ff6a
#c2ff6a
rgb(194,255,106)
-
#caff7d
#caff7d
rgb(202,255,125)
-
#d2ff91
#d2ff91
rgb(210,255,145)
-
#daffa4
#daffa4
rgb(218,255,164)
-
#e2ffb8
#e2ffb8
rgb(226,255,184)
-
#eaffcc
#eaffcc
rgb(234,255,204)
-
#f2ffdf
#f2ffdf
rgb(242,255,223)
-
#fafff3
#fafff3
rgb(250,255,243)
Tones of #baff56
A tone is produced by adding gray to any pure hue. In this case, #acb1a4 is the less saturated color, while #baff56 is the most saturated one.
-
#acb1a4
#acb1a4
rgb(172,177,164)
-
#adb89e
#adb89e
rgb(173,184,158)
-
#aebe97
#aebe97
rgb(174,190,151)
-
#afc591
#afc591
rgb(175,197,145)
-
#b0cb8a
#b0cb8a
rgb(176,203,138)
-
#b2d284
#b2d284
rgb(178,210,132)
-
#b3d87d
#b3d87d
rgb(179,216,125)
-
#b4df77
#b4df77
rgb(180,223,119)
-
#b5e570
#b5e570
rgb(181,229,112)
-
#b6ec6a
#b6ec6a
rgb(182,236,106)
-
#b8f263
#b8f263
rgb(184,242,99)
-
#b9f95d
#b9f95d
rgb(185,249,93)
-
#baff56
#baff56
rgb(186,255,86)
Color Blindness Simulator
Below, you can see how #baff56 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.