#baffcc Color Information
In a RGB color space, hex #baffcc is composed of 72.9% red, 100% green and 80% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 20% yellow and 0% black. It has a hue angle of 135.7 degrees, a saturation of 100% and a lightness of 86.5%. #baffcc color hex could be obtained by blending #ffffff with #75ff99. Closest websafe color is: #ccffcc.
-
- R 73
- G 100
- B 80
-
- C 27
- M 0
- Y 20
- K 0
● #baffcc color description : Pale cyan - lime green.
#baffcc Color Conversion
The hexadecimal color #baffcc has RGB values of R:186, G:255, B:204 and CMYK values of C:0.27, M:0, Y:0.2, K:0. Its decimal value is 12255180.
Hex triplet | baffcc | #baffcc |
---|---|---|
RGB Decimal | 186, 255, 204 | rgb(186,255,204) |
RGB Percent | 72.9, 100, 80 | rgb(72.9%,100%,80%) |
CMYK | 27, 0, 20, 0 | |
HSL | 135.7°, 100, 86.5 | hsl(135.7,100%,86.5%) |
HSV (or HSB) | 135.7°, 27.1, 100 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 94.447, -31.287, 17.6 |
---|---|
XYZ | 66.906, 86.316, 70.259 |
xyY | 0.299, 0.386, 86.316 |
CIE-LCH | 94.447, 35.898, 150.641 |
CIE-LUV | 94.447, -33.94, 31.563 |
Hunter-Lab | 92.907, -34.042, 20.198 |
Binary | 10111010, 11111111, 11001100 |
Color Schemes with #baffcc
Alternatives to #baffcc
Below, you can see some colors close to #baffcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baffcc Preview
This text has a font color of #baffcc.
<span style="color:#baffcc;">Text here</span>
This paragraph has a background color of #baffcc.
<p style="background-color:#baffcc;">Content here</p>
This element has a border color of #baffcc.
<div style="border:1px solid #baffcc;">Content here</div>
.text {color:#baffcc;}
.background {background-color:#baffcc;}
.border {border:1px solid #baffcc;}
Shades and Tints of #baffcc
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, #000902 is the darkest color, while #f5fff7 is the lightest one.
-
#000902
#000902
rgb(0,9,2)
-
#001d08
#001d08
rgb(0,29,8)
-
#00310d
#00310d
rgb(0,49,13)
-
#004412
#004412
rgb(0,68,18)
-
#005817
#005817
rgb(0,88,23)
-
#006c1c
#006c1c
rgb(0,108,28)
-
#007f21
#007f21
rgb(0,127,33)
-
#009326
#009326
rgb(0,147,38)
-
#00a62b
#00a62b
rgb(0,166,43)
-
#00ba31
#00ba31
rgb(0,186,49)
-
#00ce36
#00ce36
rgb(0,206,54)
-
#00e13b
#00e13b
rgb(0,225,59)
-
#00f540
#00f540
rgb(0,245,64)
-
#09ff4a
#09ff4a
rgb(9,255,74)
-
#1dff58
#1dff58
rgb(29,255,88)
-
#31ff67
#31ff67
rgb(49,255,103)
-
#44ff75
#44ff75
rgb(68,255,117)
-
#58ff84
#58ff84
rgb(88,255,132)
-
#6cff92
#6cff92
rgb(108,255,146)
-
#7fffa1
#7fffa1
rgb(127,255,161)
-
#93ffaf
#93ffaf
rgb(147,255,175)
-
#a6ffbe
#a6ffbe
rgb(166,255,190)
-
#baffcc
#baffcc
rgb(186,255,204)
-
#ceffda
#ceffda
rgb(206,255,218)
-
#e1ffe9
#e1ffe9
rgb(225,255,233)
-
#f5fff7
#f5fff7
rgb(245,255,247)
Tones of #baffcc
A tone is produced by adding gray to any pure hue. In this case, #dadfdb is the less saturated color, while #baffcc is the most saturated one.
-
#dadfdb
#dadfdb
rgb(218,223,219)
-
#d7e2da
#d7e2da
rgb(215,226,218)
-
#d5e4d9
#d5e4d9
rgb(213,228,217)
-
#d2e7d7
#d2e7d7
rgb(210,231,215)
-
#cfead6
#cfead6
rgb(207,234,214)
-
#cdecd5
#cdecd5
rgb(205,236,213)
-
#caefd4
#caefd4
rgb(202,239,212)
-
#c7f2d2
#c7f2d2
rgb(199,242,210)
-
#c5f4d1
#c5f4d1
rgb(197,244,209)
-
#c2f7d0
#c2f7d0
rgb(194,247,208)
-
#bffacf
#bffacf
rgb(191,250,207)
-
#bdfccd
#bdfccd
rgb(189,252,205)
-
#baffcc
#baffcc
rgb(186,255,204)
Color Blindness Simulator
Below, you can see how #baffcc 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.