#baf4ff Color Information
In a RGB color space, hex #baf4ff is composed of 72.9% red, 95.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 4.3% magenta, 0% yellow and 0% black. It has a hue angle of 189.6 degrees, a saturation of 100% and a lightness of 86.5%. #baf4ff color hex could be obtained by blending #ffffff with #75e9ff. Closest websafe color is: #ccffff.
-
- R 73
- G 96
- B 100
-
- C 27
- M 4
- Y 0
- K 0
● #baf4ff color description : Pale cyan.
#baf4ff Color Conversion
The hexadecimal color #baf4ff has RGB values of R:186, G:244, B:255 and CMYK values of C:0.27, M:0.04, Y:0, K:0. Its decimal value is 12252415.
Hex triplet | baf4ff | #baf4ff |
---|---|---|
RGB Decimal | 186, 244, 255 | rgb(186,244,255) |
RGB Percent | 72.9, 95.7, 100 | rgb(72.9%,95.7%,100%) |
CMYK | 27, 4, 0, 0 | |
HSL | 189.6°, 100, 86.5 | hsl(189.6,100%,86.5%) |
HSV (or HSB) | 189.6°, 27.1, 100 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.733, -15.757, -11.232 |
---|---|
XYZ | 70.646, 82.358, 106.777 |
xyY | 0.272, 0.317, 82.358 |
CIE-LCH | 92.733, 19.35, 215.482 |
CIE-LUV | 92.733, -29.036, -15.162 |
Hunter-Lab | 90.751, -19.86, -6.234 |
Binary | 10111010, 11110100, 11111111 |
Color Schemes with #baf4ff
Alternatives to #baf4ff
Below, you can see some colors close to #baf4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baf4ff Preview
This text has a font color of #baf4ff.
<span style="color:#baf4ff;">Text here</span>
This paragraph has a background color of #baf4ff.
<p style="background-color:#baf4ff;">Content here</p>
This element has a border color of #baf4ff.
<div style="border:1px solid #baf4ff;">Content here</div>
.text {color:#baf4ff;}
.background {background-color:#baf4ff;}
.border {border:1px solid #baf4ff;}
Shades and Tints of #baf4ff
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, #000809 is the darkest color, while #f5fdff is the lightest one.
-
#000809
#000809
rgb(0,8,9)
-
#00181d
#00181d
rgb(0,24,29)
-
#002931
#002931
rgb(0,41,49)
-
#003944
#003944
rgb(0,57,68)
-
#004a58
#004a58
rgb(0,74,88)
-
#005a6c
#005a6c
rgb(0,90,108)
-
#006b7f
#006b7f
rgb(0,107,127)
-
#007b93
#007b93
rgb(0,123,147)
-
#008ca6
#008ca6
rgb(0,140,166)
-
#009cba
#009cba
rgb(0,156,186)
-
#00adce
#00adce
rgb(0,173,206)
-
#00bde1
#00bde1
rgb(0,189,225)
-
#00cef5
#00cef5
rgb(0,206,245)
-
#09d8ff
#09d8ff
rgb(9,216,255)
-
#1ddbff
#1ddbff
rgb(29,219,255)
-
#31deff
#31deff
rgb(49,222,255)
-
#44e1ff
#44e1ff
rgb(68,225,255)
-
#58e4ff
#58e4ff
rgb(88,228,255)
-
#6ce7ff
#6ce7ff
rgb(108,231,255)
-
#7febff
#7febff
rgb(127,235,255)
-
#93eeff
#93eeff
rgb(147,238,255)
-
#a6f1ff
#a6f1ff
rgb(166,241,255)
-
#baf4ff
#baf4ff
rgb(186,244,255)
-
#cef7ff
#cef7ff
rgb(206,247,255)
-
#e1faff
#e1faff
rgb(225,250,255)
-
#f5fdff
#f5fdff
rgb(245,253,255)
Tones of #baf4ff
A tone is produced by adding gray to any pure hue. In this case, #dadedf is the less saturated color, while #baf4ff is the most saturated one.
-
#dadedf
#dadedf
rgb(218,222,223)
-
#d7e0e2
#d7e0e2
rgb(215,224,226)
-
#d5e2e4
#d5e2e4
rgb(213,226,228)
-
#d2e4e7
#d2e4e7
rgb(210,228,231)
-
#cfe6ea
#cfe6ea
rgb(207,230,234)
-
#cde7ec
#cde7ec
rgb(205,231,236)
-
#cae9ef
#cae9ef
rgb(202,233,239)
-
#c7ebf2
#c7ebf2
rgb(199,235,242)
-
#c5edf4
#c5edf4
rgb(197,237,244)
-
#c2eff7
#c2eff7
rgb(194,239,247)
-
#bff0fa
#bff0fa
rgb(191,240,250)
-
#bdf2fc
#bdf2fc
rgb(189,242,252)
-
#baf4ff
#baf4ff
rgb(186,244,255)
Color Blindness Simulator
Below, you can see how #baf4ff 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.