#baffe2 Color Information
In a RGB color space, hex #baffe2 is composed of 72.9% red, 100% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 11.4% yellow and 0% black. It has a hue angle of 154.8 degrees, a saturation of 100% and a lightness of 86.5%. #baffe2 color hex could be obtained by blending #ffffff with #75ffc5. Closest websafe color is: #ccffcc.
-
- R 73
- G 100
- B 89
-
- C 27
- M 0
- Y 11
- K 0
● #baffe2 color description : Pale cyan - lime green.
#baffe2 Color Conversion
The hexadecimal color #baffe2 has RGB values of R:186, G:255, B:226 and CMYK values of C:0.27, M:0, Y:0.11, K:0. Its decimal value is 12255202.
Hex triplet | baffe2 | #baffe2 |
---|---|---|
RGB Decimal | 186, 255, 226 | rgb(186,255,226) |
RGB Percent | 72.9, 100, 88.6 | rgb(72.9%,100%,88.6%) |
CMYK | 27, 0, 11, 0 | |
HSL | 154.8°, 100, 86.5 | hsl(154.8,100%,86.5%) |
HSV (or HSB) | 154.8°, 27.1, 100 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 94.928, -27.178, 6.99 |
---|---|
XYZ | 69.734, 87.448, 85.152 |
xyY | 0.288, 0.361, 87.448 |
CIE-LCH | 94.928, 28.062, 165.576 |
CIE-LUV | 94.928, -33.858, 15.385 |
Hunter-Lab | 93.513, -30.54, 11.471 |
Binary | 10111010, 11111111, 11100010 |
Color Schemes with #baffe2
Alternatives to #baffe2
Below, you can see some colors close to #baffe2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baffe2 Preview
This text has a font color of #baffe2.
<span style="color:#baffe2;">Text here</span>
This paragraph has a background color of #baffe2.
<p style="background-color:#baffe2;">Content here</p>
This element has a border color of #baffe2.
<div style="border:1px solid #baffe2;">Content here</div>
.text {color:#baffe2;}
.background {background-color:#baffe2;}
.border {border:1px solid #baffe2;}
Shades and Tints of #baffe2
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, #000905 is the darkest color, while #f5fffb is the lightest one.
-
#000905
#000905
rgb(0,9,5)
-
#001d11
#001d11
rgb(0,29,17)
-
#00311c
#00311c
rgb(0,49,28)
-
#004428
#004428
rgb(0,68,40)
-
#005833
#005833
rgb(0,88,51)
-
#006c3e
#006c3e
rgb(0,108,62)
-
#007f4a
#007f4a
rgb(0,127,74)
-
#009355
#009355
rgb(0,147,85)
-
#00a660
#00a660
rgb(0,166,96)
-
#00ba6c
#00ba6c
rgb(0,186,108)
-
#00ce77
#00ce77
rgb(0,206,119)
-
#00e183
#00e183
rgb(0,225,131)
-
#00f58e
#00f58e
rgb(0,245,142)
-
#09ff98
#09ff98
rgb(9,255,152)
-
#1dffa0
#1dffa0
rgb(29,255,160)
-
#31ffa8
#31ffa8
rgb(49,255,168)
-
#44ffb1
#44ffb1
rgb(68,255,177)
-
#58ffb9
#58ffb9
rgb(88,255,185)
-
#6cffc1
#6cffc1
rgb(108,255,193)
-
#7fffc9
#7fffc9
rgb(127,255,201)
-
#93ffd2
#93ffd2
rgb(147,255,210)
-
#a6ffda
#a6ffda
rgb(166,255,218)
-
#baffe2
#baffe2
rgb(186,255,226)
-
#ceffea
#ceffea
rgb(206,255,234)
-
#e1fff2
#e1fff2
rgb(225,255,242)
-
#f5fffb
#f5fffb
rgb(245,255,251)
Tones of #baffe2
A tone is produced by adding gray to any pure hue. In this case, #dadfdd is the less saturated color, while #baffe2 is the most saturated one.
-
#dadfdd
#dadfdd
rgb(218,223,221)
-
#d7e2dd
#d7e2dd
rgb(215,226,221)
-
#d5e4de
#d5e4de
rgb(213,228,222)
-
#d2e7de
#d2e7de
rgb(210,231,222)
-
#cfeadf
#cfeadf
rgb(207,234,223)
-
#cdecdf
#cdecdf
rgb(205,236,223)
-
#caefdf
#caefdf
rgb(202,239,223)
-
#c7f2e0
#c7f2e0
rgb(199,242,224)
-
#c5f4e0
#c5f4e0
rgb(197,244,224)
-
#c2f7e1
#c2f7e1
rgb(194,247,225)
-
#bffae1
#bffae1
rgb(191,250,225)
-
#bdfce2
#bdfce2
rgb(189,252,226)
-
#baffe2
#baffe2
rgb(186,255,226)
Color Blindness Simulator
Below, you can see how #baffe2 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.