#bafaff Color Information
In a RGB color space, hex #bafaff is composed of 72.9% red, 98% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 2% magenta, 0% yellow and 0% black. It has a hue angle of 184.3 degrees, a saturation of 100% and a lightness of 86.5%. #bafaff color hex could be obtained by blending #ffffff with #75f5ff. Closest websafe color is: #ccffff.
-
- R 73
- G 98
- B 100
-
- C 27
- M 2
- Y 0
- K 0
● #bafaff color description : Pale cyan.
#bafaff Color Conversion
The hexadecimal color #bafaff has RGB values of R:186, G:250, B:255 and CMYK values of C:0.27, M:0.02, Y:0, K:0. Its decimal value is 12253951.
Hex triplet | bafaff | #bafaff |
---|---|---|
RGB Decimal | 186, 250, 255 | rgb(186,250,255) |
RGB Percent | 72.9, 98, 100 | rgb(72.9%,98%,100%) |
CMYK | 27, 2, 0, 0 | |
HSL | 184.3°, 100, 86.5 | hsl(184.3,100%,86.5%) |
HSV (or HSB) | 184.3°, 27.1, 100 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 94.324, -18.729, -8.866 |
---|---|
XYZ | 72.481, 86.028, 107.388 |
xyY | 0.273, 0.324, 86.028 |
CIE-LCH | 94.324, 20.722, 205.333 |
CIE-LUV | 94.324, -31.617, -10.862 |
Hunter-Lab | 92.751, -22.824, -3.721 |
Binary | 10111010, 11111010, 11111111 |
Color Schemes with #bafaff
Alternatives to #bafaff
Below, you can see some colors close to #bafaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bafaff Preview
This text has a font color of #bafaff.
<span style="color:#bafaff;">Text here</span>
This paragraph has a background color of #bafaff.
<p style="background-color:#bafaff;">Content here</p>
This element has a border color of #bafaff.
<div style="border:1px solid #bafaff;">Content here</div>
.text {color:#bafaff;}
.background {background-color:#bafaff;}
.border {border:1px solid #bafaff;}
Shades and Tints of #bafaff
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, #000909 is the darkest color, while #f5feff is the lightest one.
-
#000909
#000909
rgb(0,9,9)
-
#001b1d
#001b1d
rgb(0,27,29)
-
#002d31
#002d31
rgb(0,45,49)
-
#003f44
#003f44
rgb(0,63,68)
-
#005258
#005258
rgb(0,82,88)
-
#00646c
#00646c
rgb(0,100,108)
-
#00767f
#00767f
rgb(0,118,127)
-
#008893
#008893
rgb(0,136,147)
-
#009aa6
#009aa6
rgb(0,154,166)
-
#00adba
#00adba
rgb(0,173,186)
-
#00bfce
#00bfce
rgb(0,191,206)
-
#00d1e1
#00d1e1
rgb(0,209,225)
-
#00e3f5
#00e3f5
rgb(0,227,245)
-
#09edff
#09edff
rgb(9,237,255)
-
#1defff
#1defff
rgb(29,239,255)
-
#31f0ff
#31f0ff
rgb(49,240,255)
-
#44f1ff
#44f1ff
rgb(68,241,255)
-
#58f3ff
#58f3ff
rgb(88,243,255)
-
#6cf4ff
#6cf4ff
rgb(108,244,255)
-
#7ff6ff
#7ff6ff
rgb(127,246,255)
-
#93f7ff
#93f7ff
rgb(147,247,255)
-
#a6f9ff
#a6f9ff
rgb(166,249,255)
-
#bafaff
#bafaff
rgb(186,250,255)
-
#cefbff
#cefbff
rgb(206,251,255)
-
#e1fdff
#e1fdff
rgb(225,253,255)
-
#f5feff
#f5feff
rgb(245,254,255)
Tones of #bafaff
A tone is produced by adding gray to any pure hue. In this case, #dadfdf is the less saturated color, while #bafaff is the most saturated one.
-
#dadfdf
#dadfdf
rgb(218,223,223)
-
#d7e1e2
#d7e1e2
rgb(215,225,226)
-
#d5e3e4
#d5e3e4
rgb(213,227,228)
-
#d2e6e7
#d2e6e7
rgb(210,230,231)
-
#cfe8ea
#cfe8ea
rgb(207,232,234)
-
#cdeaec
#cdeaec
rgb(205,234,236)
-
#caecef
#caecef
rgb(202,236,239)
-
#c7eff2
#c7eff2
rgb(199,239,242)
-
#c5f1f4
#c5f1f4
rgb(197,241,244)
-
#c2f3f7
#c2f3f7
rgb(194,243,247)
-
#bff5fa
#bff5fa
rgb(191,245,250)
-
#bdf8fc
#bdf8fc
rgb(189,248,252)
-
#bafaff
#bafaff
rgb(186,250,255)
Color Blindness Simulator
Below, you can see how #bafaff 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.