#bac2f4 Color Information
In a RGB color space, hex #bac2f4 is composed of 72.9% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 231.7 degrees, a saturation of 72.5% and a lightness of 84.3%. #bac2f4 color hex could be obtained by blending #ffffff with #7585e9. Closest websafe color is: #ccccff.
-
- R 73
- G 76
- B 96
-
- C 24
- M 20
- Y 0
- K 4
● #bac2f4 color description : Very soft blue.
#bac2f4 Color Conversion
The hexadecimal color #bac2f4 has RGB values of R:186, G:194, B:244 and CMYK values of C:0.24, M:0.2, Y:0, K:0.04. Its decimal value is 12239604.
Hex triplet | bac2f4 | #bac2f4 |
---|---|---|
RGB Decimal | 186, 194, 244 | rgb(186,194,244) |
RGB Percent | 72.9, 76.1, 95.7 | rgb(72.9%,76.1%,95.7%) |
CMYK | 24, 20, 0, 4 | |
HSL | 231.7°, 72.5, 84.3 | hsl(231.7,72.5%,84.3%) |
HSV (or HSB) | 231.7°, 23.8, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 79.359, 7.805, -25.594 |
---|---|
XYZ | 55.867, 55.554, 93.362 |
xyY | 0.273, 0.271, 55.554 |
CIE-LCH | 79.359, 26.758, 286.96 |
CIE-LUV | 79.359, -6.932, -42.02 |
Hunter-Lab | 74.534, 3.36, -22.093 |
Binary | 10111010, 11000010, 11110100 |
Color Schemes with #bac2f4
Alternatives to #bac2f4
Below, you can see some colors close to #bac2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bac2f4 Preview
This text has a font color of #bac2f4.
<span style="color:#bac2f4;">Text here</span>
This paragraph has a background color of #bac2f4.
<p style="background-color:#bac2f4;">Content here</p>
This element has a border color of #bac2f4.
<div style="border:1px solid #bac2f4;">Content here</div>
.text {color:#bac2f4;}
.background {background-color:#bac2f4;}
.border {border:1px solid #bac2f4;}
Shades and Tints of #bac2f4
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, #020410 is the darkest color, while #fefeff is the lightest one.
-
#020410
#020410
rgb(2,4,16)
-
#050921
#050921
rgb(5,9,33)
-
#080e31
#080e31
rgb(8,14,49)
-
#0b1242
#0b1242
rgb(11,18,66)
-
#0d1753
#0d1753
rgb(13,23,83)
-
#101c64
#101c64
rgb(16,28,100)
-
#132075
#132075
rgb(19,32,117)
-
#152586
#152586
rgb(21,37,134)
-
#182a97
#182a97
rgb(24,42,151)
-
#1b2ea8
#1b2ea8
rgb(27,46,168)
-
#1d33b9
#1d33b9
rgb(29,51,185)
-
#2038ca
#2038ca
rgb(32,56,202)
-
#233cdb
#233cdb
rgb(35,60,219)
-
#334ade
#334ade
rgb(51,74,222)
-
#4459e1
#4459e1
rgb(68,89,225)
-
#5468e4
#5468e4
rgb(84,104,228)
-
#6577e7
#6577e7
rgb(101,119,231)
-
#7686e9
#7686e9
rgb(118,134,233)
-
#8795ec
#8795ec
rgb(135,149,236)
-
#98a4ef
#98a4ef
rgb(152,164,239)
-
#a9b3f1
#a9b3f1
rgb(169,179,241)
-
#bac2f4
#bac2f4
rgb(186,194,244)
-
#cbd1f7
#cbd1f7
rgb(203,209,247)
-
#dce0f9
#dce0f9
rgb(220,224,249)
-
#edeffc
#edeffc
rgb(237,239,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #bac2f4
A tone is produced by adding gray to any pure hue. In this case, #d6d6d8 is the less saturated color, while #b1bbfd is the most saturated one.
-
#d6d6d8
#d6d6d8
rgb(214,214,216)
-
#d3d4db
#d3d4db
rgb(211,212,219)
-
#d0d2de
#d0d2de
rgb(208,210,222)
-
#cccfe2
#cccfe2
rgb(204,207,226)
-
#c9cde5
#c9cde5
rgb(201,205,229)
-
#c6cbe8
#c6cbe8
rgb(198,203,232)
-
#c3c9eb
#c3c9eb
rgb(195,201,235)
-
#c0c6ee
#c0c6ee
rgb(192,198,238)
-
#bdc4f1
#bdc4f1
rgb(189,196,241)
-
#bac2f4
#bac2f4
rgb(186,194,244)
-
#b7c0f7
#b7c0f7
rgb(183,192,247)
-
#b4befa
#b4befa
rgb(180,190,250)
-
#b1bbfd
#b1bbfd
rgb(177,187,253)
Color Blindness Simulator
Below, you can see how #bac2f4 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.