#baf9ff Color Information
In a RGB color space, hex #baf9ff is composed of 72.9% red, 97.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 2.4% magenta, 0% yellow and 0% black. It has a hue angle of 185.2 degrees, a saturation of 100% and a lightness of 86.5%. #baf9ff color hex could be obtained by blending #ffffff with #75f3ff. Closest websafe color is: #ccffff.
-
- R 73
- G 98
- B 100
-
- C 27
- M 2
- Y 0
- K 0
● #baf9ff color description : Pale cyan.
#baf9ff Color Conversion
The hexadecimal color #baf9ff has RGB values of R:186, G:249, B:255 and CMYK values of C:0.27, M:0.02, Y:0, K:0. Its decimal value is 12253695.
Hex triplet | baf9ff | #baf9ff |
---|---|---|
RGB Decimal | 186, 249, 255 | rgb(186,249,255) |
RGB Percent | 72.9, 97.6, 100 | rgb(72.9%,97.6%,100%) |
CMYK | 27, 2, 0, 0 | |
HSL | 185.2°, 100, 86.5 | hsl(185.2,100%,86.5%) |
HSV (or HSB) | 185.2°, 27.1, 100 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 94.059, -18.236, -9.261 |
---|---|
XYZ | 72.171, 85.408, 107.285 |
xyY | 0.272, 0.322, 85.408 |
CIE-LCH | 94.059, 20.453, 206.922 |
CIE-LUV | 94.059, -31.188, -11.577 |
Hunter-Lab | 92.416, -22.332, -4.138 |
Binary | 10111010, 11111001, 11111111 |
Color Schemes with #baf9ff
Alternatives to #baf9ff
Below, you can see some colors close to #baf9ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baf9ff Preview
This text has a font color of #baf9ff.
<span style="color:#baf9ff;">Text here</span>
This paragraph has a background color of #baf9ff.
<p style="background-color:#baf9ff;">Content here</p>
This element has a border color of #baf9ff.
<div style="border:1px solid #baf9ff;">Content here</div>
.text {color:#baf9ff;}
.background {background-color:#baf9ff;}
.border {border:1px solid #baf9ff;}
Shades and Tints of #baf9ff
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)
-
#002c31
#002c31
rgb(0,44,49)
-
#003e44
#003e44
rgb(0,62,68)
-
#005058
#005058
rgb(0,80,88)
-
#00626c
#00626c
rgb(0,98,108)
-
#00747f
#00747f
rgb(0,116,127)
-
#008693
#008693
rgb(0,134,147)
-
#0098a6
#0098a6
rgb(0,152,166)
-
#00aaba
#00aaba
rgb(0,170,186)
-
#00bcce
#00bcce
rgb(0,188,206)
-
#00cee1
#00cee1
rgb(0,206,225)
-
#00e0f5
#00e0f5
rgb(0,224,245)
-
#09eaff
#09eaff
rgb(9,234,255)
-
#1debff
#1debff
rgb(29,235,255)
-
#31edff
#31edff
rgb(49,237,255)
-
#44efff
#44efff
rgb(68,239,255)
-
#58f0ff
#58f0ff
rgb(88,240,255)
-
#6cf2ff
#6cf2ff
rgb(108,242,255)
-
#7ff4ff
#7ff4ff
rgb(127,244,255)
-
#93f6ff
#93f6ff
rgb(147,246,255)
-
#a6f7ff
#a6f7ff
rgb(166,247,255)
-
#baf9ff
#baf9ff
rgb(186,249,255)
-
#cefbff
#cefbff
rgb(206,251,255)
-
#e1fcff
#e1fcff
rgb(225,252,255)
-
#f5feff
#f5feff
rgb(245,254,255)
Tones of #baf9ff
A tone is produced by adding gray to any pure hue. In this case, #dadfdf is the less saturated color, while #baf9ff is the most saturated one.
-
#dadfdf
#dadfdf
rgb(218,223,223)
-
#d7e1e2
#d7e1e2
rgb(215,225,226)
-
#d5e3e4
#d5e3e4
rgb(213,227,228)
-
#d2e5e7
#d2e5e7
rgb(210,229,231)
-
#cfe7ea
#cfe7ea
rgb(207,231,234)
-
#cdeaec
#cdeaec
rgb(205,234,236)
-
#caecef
#caecef
rgb(202,236,239)
-
#c7eef2
#c7eef2
rgb(199,238,242)
-
#c5f0f4
#c5f0f4
rgb(197,240,244)
-
#c2f2f7
#c2f2f7
rgb(194,242,247)
-
#bff5fa
#bff5fa
rgb(191,245,250)
-
#bdf7fc
#bdf7fc
rgb(189,247,252)
-
#baf9ff
#baf9ff
rgb(186,249,255)
Color Blindness Simulator
Below, you can see how #baf9ff 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.