#bac5ff Color Information
In a RGB color space, hex #bac5ff is composed of 72.9% red, 77.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 22.7% magenta, 0% yellow and 0% black. It has a hue angle of 230.4 degrees, a saturation of 100% and a lightness of 86.5%. #bac5ff color hex could be obtained by blending #ffffff with #758bff. Closest websafe color is: #ccccff.
-
- R 73
- G 77
- B 100
-
- C 27
- M 23
- Y 0
- K 0
● #bac5ff color description : Pale blue.
#bac5ff Color Conversion
The hexadecimal color #bac5ff has RGB values of R:186, G:197, B:255 and CMYK values of C:0.27, M:0.23, Y:0, K:0. Its decimal value is 12240383.
Hex triplet | bac5ff | #bac5ff |
---|---|---|
RGB Decimal | 186, 197, 255 | rgb(186,197,255) |
RGB Percent | 72.9, 77.3, 100 | rgb(72.9%,77.3%,100%) |
CMYK | 27, 23, 0, 0 | |
HSL | 230.4°, 100, 86.5 | hsl(230.4,100%,86.5%) |
HSV (or HSB) | 230.4°, 27.1, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 80.511, 8.743, -29.71 |
---|---|
XYZ | 58.262, 57.591, 102.649 |
xyY | 0.267, 0.264, 57.591 |
CIE-LCH | 80.511, 30.97, 286.398 |
CIE-LUV | 80.511, -8.77, -49.155 |
Hunter-Lab | 75.888, 4.236, -27.075 |
Binary | 10111010, 11000101, 11111111 |
Color Schemes with #bac5ff
Alternatives to #bac5ff
Below, you can see some colors close to #bac5ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bac5ff Preview
This text has a font color of #bac5ff.
<span style="color:#bac5ff;">Text here</span>
This paragraph has a background color of #bac5ff.
<p style="background-color:#bac5ff;">Content here</p>
This element has a border color of #bac5ff.
<div style="border:1px solid #bac5ff;">Content here</div>
.text {color:#bac5ff;}
.background {background-color:#bac5ff;}
.border {border:1px solid #bac5ff;}
Shades and Tints of #bac5ff
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, #000209 is the darkest color, while #f5f6ff is the lightest one.
-
#000209
#000209
rgb(0,2,9)
-
#00051d
#00051d
rgb(0,5,29)
-
#000831
#000831
rgb(0,8,49)
-
#000b44
#000b44
rgb(0,11,68)
-
#000e58
#000e58
rgb(0,14,88)
-
#00116c
#00116c
rgb(0,17,108)
-
#00147f
#00147f
rgb(0,20,127)
-
#001793
#001793
rgb(0,23,147)
-
#001ba6
#001ba6
rgb(0,27,166)
-
#001eba
#001eba
rgb(0,30,186)
-
#0021ce
#0021ce
rgb(0,33,206)
-
#0024e1
#0024e1
rgb(0,36,225)
-
#0027f5
#0027f5
rgb(0,39,245)
-
#0931ff
#0931ff
rgb(9,49,255)
-
#1d41ff
#1d41ff
rgb(29,65,255)
-
#3152ff
#3152ff
rgb(49,82,255)
-
#4462ff
#4462ff
rgb(68,98,255)
-
#5873ff
#5873ff
rgb(88,115,255)
-
#6c83ff
#6c83ff
rgb(108,131,255)
-
#7f94ff
#7f94ff
rgb(127,148,255)
-
#93a4ff
#93a4ff
rgb(147,164,255)
-
#a6b5ff
#a6b5ff
rgb(166,181,255)
-
#bac5ff
#bac5ff
rgb(186,197,255)
-
#ced5ff
#ced5ff
rgb(206,213,255)
-
#e1e6ff
#e1e6ff
rgb(225,230,255)
-
#f5f6ff
#f5f6ff
rgb(245,246,255)
Tones of #bac5ff
A tone is produced by adding gray to any pure hue. In this case, #dadbdf is the less saturated color, while #bac5ff is the most saturated one.
-
#dadbdf
#dadbdf
rgb(218,219,223)
-
#d7d9e2
#d7d9e2
rgb(215,217,226)
-
#d5d7e4
#d5d7e4
rgb(213,215,228)
-
#d2d5e7
#d2d5e7
rgb(210,213,231)
-
#cfd3ea
#cfd3ea
rgb(207,211,234)
-
#cdd2ec
#cdd2ec
rgb(205,210,236)
-
#cad0ef
#cad0ef
rgb(202,208,239)
-
#c7cef2
#c7cef2
rgb(199,206,242)
-
#c5ccf4
#c5ccf4
rgb(197,204,244)
-
#c2caf7
#c2caf7
rgb(194,202,247)
-
#bfc9fa
#bfc9fa
rgb(191,201,250)
-
#bdc7fc
#bdc7fc
rgb(189,199,252)
-
#bac5ff
#bac5ff
rgb(186,197,255)
Color Blindness Simulator
Below, you can see how #bac5ff 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.