#bac3f9 Color Information
In a RGB color space, hex #bac3f9 is composed of 72.9% red, 76.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 21.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 231.4 degrees, a saturation of 84% and a lightness of 85.3%. #bac3f9 color hex could be obtained by blending #ffffff with #7587f3. Closest websafe color is: #ccccff.
-
- R 73
- G 76
- B 98
-
- C 25
- M 22
- Y 0
- K 2
● #bac3f9 color description : Very soft blue.
#bac3f9 Color Conversion
The hexadecimal color #bac3f9 has RGB values of R:186, G:195, B:249 and CMYK values of C:0.25, M:0.22, Y:0, K:0.02. Its decimal value is 12239865.
Hex triplet | bac3f9 | #bac3f9 |
---|---|---|
RGB Decimal | 186, 195, 249 | rgb(186,195,249) |
RGB Percent | 72.9, 76.5, 97.6 | rgb(72.9%,76.5%,97.6%) |
CMYK | 25, 22, 0, 2 | |
HSL | 231.4°, 84, 85.3 | hsl(231.4,84%,85.3%) |
HSV (or HSB) | 231.4°, 25.3, 97.6 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 79.789, 8.419, -27.613 |
---|---|
XYZ | 56.86, 56.308, 97.49 |
xyY | 0.27, 0.267, 56.308 |
CIE-LCH | 79.789, 28.868, 286.957 |
CIE-LUV | 79.789, -7.619, -45.522 |
Hunter-Lab | 75.039, 3.94, -24.502 |
Binary | 10111010, 11000011, 11111001 |
Color Schemes with #bac3f9
Alternatives to #bac3f9
Below, you can see some colors close to #bac3f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bac3f9 Preview
This text has a font color of #bac3f9.
<span style="color:#bac3f9;">Text here</span>
This paragraph has a background color of #bac3f9.
<p style="background-color:#bac3f9;">Content here</p>
This element has a border color of #bac3f9.
<div style="border:1px solid #bac3f9;">Content here</div>
.text {color:#bac3f9;}
.background {background-color:#bac3f9;}
.border {border:1px solid #bac3f9;}
Shades and Tints of #bac3f9
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, #000103 is the darkest color, while #f0f2fe is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#020515
#020515
rgb(2,5,21)
-
#030927
#030927
rgb(3,9,39)
-
#050c39
#050c39
rgb(5,12,57)
-
#07104b
#07104b
rgb(7,16,75)
-
#08145d
#08145d
rgb(8,20,93)
-
#0a186f
#0a186f
rgb(10,24,111)
-
#0b1c82
#0b1c82
rgb(11,28,130)
-
#0d2094
#0d2094
rgb(13,32,148)
-
#0e24a6
#0e24a6
rgb(14,36,166)
-
#1028b8
#1028b8
rgb(16,40,184)
-
#122cca
#122cca
rgb(18,44,202)
-
#1330dc
#1330dc
rgb(19,48,220)
-
#1836eb
#1836eb
rgb(24,54,235)
-
#2a45ec
#2a45ec
rgb(42,69,236)
-
#3c55ee
#3c55ee
rgb(60,85,238)
-
#4e65f0
#4e65f0
rgb(78,101,240)
-
#6075f1
#6075f1
rgb(96,117,241)
-
#7284f3
#7284f3
rgb(114,132,243)
-
#8494f4
#8494f4
rgb(132,148,244)
-
#96a4f6
#96a4f6
rgb(150,164,246)
-
#a8b3f7
#a8b3f7
rgb(168,179,247)
-
#bac3f9
#bac3f9
rgb(186,195,249)
-
#ccd3fb
#ccd3fb
rgb(204,211,251)
-
#dee2fc
#dee2fc
rgb(222,226,252)
-
#f0f2fe
#f0f2fe
rgb(240,242,254)
Tones of #bac3f9
A tone is produced by adding gray to any pure hue. In this case, #d7d8dc is the less saturated color, while #b4bfff is the most saturated one.
-
#d7d8dc
#d7d8dc
rgb(215,216,220)
-
#d4d6df
#d4d6df
rgb(212,214,223)
-
#d1d3e2
#d1d3e2
rgb(209,211,226)
-
#ced1e5
#ced1e5
rgb(206,209,229)
-
#cbcfe8
#cbcfe8
rgb(203,207,232)
-
#c8cdeb
#c8cdeb
rgb(200,205,235)
-
#c6cbed
#c6cbed
rgb(198,203,237)
-
#c3c9f0
#c3c9f0
rgb(195,201,240)
-
#c0c7f3
#c0c7f3
rgb(192,199,243)
-
#bdc5f6
#bdc5f6
rgb(189,197,246)
-
#bac3f9
#bac3f9
rgb(186,195,249)
-
#b7c1fc
#b7c1fc
rgb(183,193,252)
-
#b4bfff
#b4bfff
rgb(180,191,255)
Color Blindness Simulator
Below, you can see how #bac3f9 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.