#bafff4 Color Information
In a RGB color space, hex #bafff4 is composed of 72.9% red, 100% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 4.3% yellow and 0% black. It has a hue angle of 170.4 degrees, a saturation of 100% and a lightness of 86.5%. #bafff4 color hex could be obtained by blending #ffffff with #75ffe9. Closest websafe color is: #ccffff.
-
- R 73
- G 100
- B 96
-
- C 27
- M 0
- Y 4
- K 0
● #bafff4 color description : Pale cyan.
#bafff4 Color Conversion
The hexadecimal color #bafff4 has RGB values of R:186, G:255, B:244 and CMYK values of C:0.27, M:0, Y:0.04, K:0. Its decimal value is 12255220.
Hex triplet | bafff4 | #bafff4 |
---|---|---|
RGB Decimal | 186, 255, 244 | rgb(186,255,244) |
RGB Percent | 72.9, 100, 95.7 | rgb(72.9%,100%,95.7%) |
CMYK | 27, 0, 4, 0 | |
HSL | 170.4°, 100, 86.5 | hsl(170.4,100%,86.5%) |
HSV (or HSB) | 170.4°, 27.1, 100 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 95.366, -23.528, -1.649 |
---|---|
XYZ | 72.335, 88.488, 98.852 |
xyY | 0.279, 0.341, 88.488 |
CIE-LCH | 95.366, 23.585, 184.008 |
CIE-LUV | 95.366, -33.796, 1.459 |
Hunter-Lab | 94.068, -27.36, 3.543 |
Binary | 10111010, 11111111, 11110100 |
Color Schemes with #bafff4
Alternatives to #bafff4
Below, you can see some colors close to #bafff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bafff4 Preview
This text has a font color of #bafff4.
<span style="color:#bafff4;">Text here</span>
This paragraph has a background color of #bafff4.
<p style="background-color:#bafff4;">Content here</p>
This element has a border color of #bafff4.
<div style="border:1px solid #bafff4;">Content here</div>
.text {color:#bafff4;}
.background {background-color:#bafff4;}
.border {border:1px solid #bafff4;}
Shades and Tints of #bafff4
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, #000908 is the darkest color, while #f5fffd is the lightest one.
-
#000908
#000908
rgb(0,9,8)
-
#001d18
#001d18
rgb(0,29,24)
-
#003129
#003129
rgb(0,49,41)
-
#004439
#004439
rgb(0,68,57)
-
#00584a
#00584a
rgb(0,88,74)
-
#006c5a
#006c5a
rgb(0,108,90)
-
#007f6b
#007f6b
rgb(0,127,107)
-
#00937b
#00937b
rgb(0,147,123)
-
#00a68c
#00a68c
rgb(0,166,140)
-
#00ba9c
#00ba9c
rgb(0,186,156)
-
#00cead
#00cead
rgb(0,206,173)
-
#00e1bd
#00e1bd
rgb(0,225,189)
-
#00f5ce
#00f5ce
rgb(0,245,206)
-
#09ffd8
#09ffd8
rgb(9,255,216)
-
#1dffdb
#1dffdb
rgb(29,255,219)
-
#31ffde
#31ffde
rgb(49,255,222)
-
#44ffe1
#44ffe1
rgb(68,255,225)
-
#58ffe4
#58ffe4
rgb(88,255,228)
-
#6cffe7
#6cffe7
rgb(108,255,231)
-
#7fffeb
#7fffeb
rgb(127,255,235)
-
#93ffee
#93ffee
rgb(147,255,238)
-
#a6fff1
#a6fff1
rgb(166,255,241)
-
#bafff4
#bafff4
rgb(186,255,244)
-
#cefff7
#cefff7
rgb(206,255,247)
-
#e1fffa
#e1fffa
rgb(225,255,250)
-
#f5fffd
#f5fffd
rgb(245,255,253)
Tones of #bafff4
A tone is produced by adding gray to any pure hue. In this case, #dadfde is the less saturated color, while #bafff4 is the most saturated one.
-
#dadfde
#dadfde
rgb(218,223,222)
-
#d7e2e0
#d7e2e0
rgb(215,226,224)
-
#d5e4e2
#d5e4e2
rgb(213,228,226)
-
#d2e7e4
#d2e7e4
rgb(210,231,228)
-
#cfeae6
#cfeae6
rgb(207,234,230)
-
#cdece7
#cdece7
rgb(205,236,231)
-
#caefe9
#caefe9
rgb(202,239,233)
-
#c7f2eb
#c7f2eb
rgb(199,242,235)
-
#c5f4ed
#c5f4ed
rgb(197,244,237)
-
#c2f7ef
#c2f7ef
rgb(194,247,239)
-
#bffaf0
#bffaf0
rgb(191,250,240)
-
#bdfcf2
#bdfcf2
rgb(189,252,242)
-
#bafff4
#bafff4
rgb(186,255,244)
Color Blindness Simulator
Below, you can see how #bafff4 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.