#b3caf3 Color Information
In a RGB color space, hex #b3caf3 is composed of 70.2% red, 79.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.3% cyan, 16.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 218.4 degrees, a saturation of 72.7% and a lightness of 82.7%. #b3caf3 color hex could be obtained by blending #ffffff with #6795e7. Closest websafe color is: #ccccff.
-
- R 70
- G 79
- B 95
-
- C 26
- M 17
- Y 0
- K 5
● #b3caf3 color description : Very soft blue.
#b3caf3 Color Conversion
The hexadecimal color #b3caf3 has RGB values of R:179, G:202, B:243 and CMYK values of C:0.26, M:0.17, Y:0, K:0.05. Its decimal value is 11782899.
Hex triplet | b3caf3 | #b3caf3 |
---|---|---|
RGB Decimal | 179, 202, 243 | rgb(179,202,243) |
RGB Percent | 70.2, 79.2, 95.3 | rgb(70.2%,79.2%,95.3%) |
CMYK | 26, 17, 0, 5 | |
HSL | 218.4°, 72.7, 82.7 | hsl(218.4,72.7%,82.7%) |
HSV (or HSB) | 218.4°, 26.3, 95.3 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 80.902, 1.198, -22.753 |
---|---|
XYZ | 55.885, 58.295, 93.097 |
xyY | 0.27, 0.281, 58.295 |
CIE-LCH | 80.902, 22.784, 273.013 |
CIE-LUV | 80.902, -13.707, -36.384 |
Hunter-Lab | 76.351, -2.961, -18.848 |
Binary | 10110011, 11001010, 11110011 |
Color Schemes with #b3caf3
Alternatives to #b3caf3
Below, you can see some colors close to #b3caf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b3caf3 Preview
This text has a font color of #b3caf3.
<span style="color:#b3caf3;">Text here</span>
This paragraph has a background color of #b3caf3.
<p style="background-color:#b3caf3;">Content here</p>
This element has a border color of #b3caf3.
<div style="border:1px solid #b3caf3;">Content here</div>
.text {color:#b3caf3;}
.background {background-color:#b3caf3;}
.border {border:1px solid #b3caf3;}
Shades and Tints of #b3caf3
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, #010409 is the darkest color, while #f7f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#040c1a
#040c1a
rgb(4,12,26)
-
#07142b
#07142b
rgb(7,20,43)
-
#091b3c
#091b3c
rgb(9,27,60)
-
#0c234c
#0c234c
rgb(12,35,76)
-
#0f2b5d
#0f2b5d
rgb(15,43,93)
-
#11336e
#11336e
rgb(17,51,110)
-
#143b7f
#143b7f
rgb(20,59,127)
-
#174290
#174290
rgb(23,66,144)
-
#194aa1
#194aa1
rgb(25,74,161)
-
#1c52b2
#1c52b2
rgb(28,82,178)
-
#1f5ac3
#1f5ac3
rgb(31,90,195)
-
#2162d4
#2162d4
rgb(33,98,212)
-
#2b6bde
#2b6bde
rgb(43,107,222)
-
#3c77e0
#3c77e0
rgb(60,119,224)
-
#4d83e3
#4d83e3
rgb(77,131,227)
-
#5e8fe6
#5e8fe6
rgb(94,143,230)
-
#6f9be8
#6f9be8
rgb(111,155,232)
-
#80a7eb
#80a7eb
rgb(128,167,235)
-
#91b2ee
#91b2ee
rgb(145,178,238)
-
#a2bef0
#a2bef0
rgb(162,190,240)
-
#b3caf3
#b3caf3
rgb(179,202,243)
-
#c4d6f6
#c4d6f6
rgb(196,214,246)
-
#d5e2f8
#d5e2f8
rgb(213,226,248)
-
#e6edfb
#e6edfb
rgb(230,237,251)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #b3caf3
A tone is produced by adding gray to any pure hue. In this case, #d1d3d5 is the less saturated color, while #a9c7fd is the most saturated one.
-
#d1d3d5
#d1d3d5
rgb(209,211,213)
-
#ced2d8
#ced2d8
rgb(206,210,216)
-
#cbd1db
#cbd1db
rgb(203,209,219)
-
#c7d0df
#c7d0df
rgb(199,208,223)
-
#c4cfe2
#c4cfe2
rgb(196,207,226)
-
#c1cee5
#c1cee5
rgb(193,206,229)
-
#bdcde9
#bdcde9
rgb(189,205,233)
-
#baccec
#baccec
rgb(186,204,236)
-
#b6cbf0
#b6cbf0
rgb(182,203,240)
-
#b3caf3
#b3caf3
rgb(179,202,243)
-
#b0c9f6
#b0c9f6
rgb(176,201,246)
-
#acc8fa
#acc8fa
rgb(172,200,250)
-
#a9c7fd
#a9c7fd
rgb(169,199,253)
Color Blindness Simulator
Below, you can see how #b3caf3 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.