#baff60 Color Information
In a RGB color space, hex #baff60 is composed of 72.9% red, 100% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 62.4% yellow and 0% black. It has a hue angle of 86 degrees, a saturation of 100% and a lightness of 68.8%. #baff60 color hex could be obtained by blending #ffffc0 with #75ff00. Closest websafe color is: #ccff66.
-
- R 73
- G 100
- B 38
-
- C 27
- M 0
- Y 62
- K 0
● #baff60 color description : Light green.
#baff60 Color Conversion
The hexadecimal color #baff60 has RGB values of R:186, G:255, B:96 and CMYK values of C:0.27, M:0, Y:0.62, K:0. Its decimal value is 12255072.
Hex triplet | baff60 | #baff60 |
---|---|---|
RGB Decimal | 186, 255, 96 | rgb(186,255,96) |
RGB Percent | 72.9, 100, 37.6 | rgb(72.9%,100%,37.6%) |
CMYK | 27, 0, 62, 0 | |
HSL | 86°, 100, 68.8 | hsl(86,100%,68.8%) |
HSV (or HSB) | 86°, 62.4, 100 | |
Web Safe | ccff66 | #ccff66 |
CIE-LAB | 92.928, -45.126, 67.017 |
---|---|
XYZ | 58.12, 82.802, 23.986 |
xyY | 0.352, 0.502, 82.802 |
CIE-LCH | 92.928, 80.794, 123.955 |
CIE-LUV | 92.928, -34.319, 90.342 |
Hunter-Lab | 90.996, -45.233, 48.068 |
Binary | 10111010, 11111111, 01100000 |
Color Schemes with #baff60
Alternatives to #baff60
Below, you can see some colors close to #baff60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baff60 Preview
This text has a font color of #baff60.
<span style="color:#baff60;">Text here</span>
This paragraph has a background color of #baff60.
<p style="background-color:#baff60;">Content here</p>
This element has a border color of #baff60.
<div style="border:1px solid #baff60;">Content here</div>
.text {color:#baff60;}
.background {background-color:#baff60;}
.border {border:1px solid #baff60;}
Shades and Tints of #baff60
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, #0a1200 is the darkest color, while #fefffd is the lightest one.
-
#0a1200
#0a1200
rgb(10,18,0)
-
#152500
#152500
rgb(21,37,0)
-
#203900
#203900
rgb(32,57,0)
-
#2b4c00
#2b4c00
rgb(43,76,0)
-
#366000
#366000
rgb(54,96,0)
-
#417400
#417400
rgb(65,116,0)
-
#4d8700
#4d8700
rgb(77,135,0)
-
#589b00
#589b00
rgb(88,155,0)
-
#63ae00
#63ae00
rgb(99,174,0)
-
#6ec200
#6ec200
rgb(110,194,0)
-
#79d600
#79d600
rgb(121,214,0)
-
#84e900
#84e900
rgb(132,233,0)
-
#8ffd00
#8ffd00
rgb(143,253,0)
-
#98ff12
#98ff12
rgb(152,255,18)
-
#a0ff25
#a0ff25
rgb(160,255,37)
-
#a9ff39
#a9ff39
rgb(169,255,57)
-
#b1ff4c
#b1ff4c
rgb(177,255,76)
-
#baff60
#baff60
rgb(186,255,96)
-
#c3ff74
#c3ff74
rgb(195,255,116)
-
#cbff87
#cbff87
rgb(203,255,135)
-
#d4ff9b
#d4ff9b
rgb(212,255,155)
-
#dcffae
#dcffae
rgb(220,255,174)
-
#e5ffc2
#e5ffc2
rgb(229,255,194)
-
#edffd6
#edffd6
rgb(237,255,214)
-
#f6ffe9
#f6ffe9
rgb(246,255,233)
-
#fefffd
#fefffd
rgb(254,255,253)
Tones of #baff60
A tone is produced by adding gray to any pure hue. In this case, #b0b6a9 is the less saturated color, while #baff60 is the most saturated one.
-
#b0b6a9
#b0b6a9
rgb(176,182,169)
-
#b1bca3
#b1bca3
rgb(177,188,163)
-
#b2c29d
#b2c29d
rgb(178,194,157)
-
#b3c897
#b3c897
rgb(179,200,151)
-
#b4ce91
#b4ce91
rgb(180,206,145)
-
#b4d48b
#b4d48b
rgb(180,212,139)
-
#b5da85
#b5da85
rgb(181,218,133)
-
#b6e07f
#b6e07f
rgb(182,224,127)
-
#b7e778
#b7e778
rgb(183,231,120)
-
#b8ed72
#b8ed72
rgb(184,237,114)
-
#b8f36c
#b8f36c
rgb(184,243,108)
-
#b9f966
#b9f966
rgb(185,249,102)
-
#baff60
#baff60
rgb(186,255,96)
Color Blindness Simulator
Below, you can see how #baff60 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.