#b2caf3 Color Information
In a RGB color space, hex #b2caf3 is composed of 69.8% red, 79.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 16.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 217.8 degrees, a saturation of 73% and a lightness of 82.5%. #b2caf3 color hex could be obtained by blending #ffffff with #6595e7. Closest websafe color is: #99ccff.
-
- R 70
- G 79
- B 95
-
- C 27
- M 17
- Y 0
- K 5
● #b2caf3 color description : Very soft blue.
#b2caf3 Color Conversion
The hexadecimal color #b2caf3 has RGB values of R:178, G:202, B:243 and CMYK values of C:0.27, M:0.17, Y:0, K:0.05. Its decimal value is 11717363.
Hex triplet | b2caf3 | #b2caf3 |
---|---|---|
RGB Decimal | 178, 202, 243 | rgb(178,202,243) |
RGB Percent | 69.8, 79.2, 95.3 | rgb(69.8%,79.2%,95.3%) |
CMYK | 27, 17, 0, 5 | |
HSL | 217.8°, 73, 82.5 | hsl(217.8,73%,82.5%) |
HSV (or HSB) | 217.8°, 26.7, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.836, 0.905, -22.859 |
---|---|
XYZ | 55.655, 58.176, 93.086 |
xyY | 0.269, 0.281, 58.176 |
CIE-LCH | 80.836, 22.877, 272.268 |
CIE-LUV | 80.836, -14.169, -36.513 |
Hunter-Lab | 76.273, -3.23, -18.968 |
Binary | 10110010, 11001010, 11110011 |
Color Schemes with #b2caf3
Alternatives to #b2caf3
Below, you can see some colors close to #b2caf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2caf3 Preview
This text has a font color of #b2caf3.
<span style="color:#b2caf3;">Text here</span>
This paragraph has a background color of #b2caf3.
<p style="background-color:#b2caf3;">Content here</p>
This element has a border color of #b2caf3.
<div style="border:1px solid #b2caf3;">Content here</div>
.text {color:#b2caf3;}
.background {background-color:#b2caf3;}
.border {border:1px solid #b2caf3;}
Shades and Tints of #b2caf3
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, #010408 is the darkest color, while #f6f9fe is the lightest one.
-
#010408
#010408
rgb(1,4,8)
-
#040c19
#040c19
rgb(4,12,25)
-
#07142a
#07142a
rgb(7,20,42)
-
#091b3b
#091b3b
rgb(9,27,59)
-
#0c234c
#0c234c
rgb(12,35,76)
-
#0e2b5d
#0e2b5d
rgb(14,43,93)
-
#11336e
#11336e
rgb(17,51,110)
-
#143b7f
#143b7f
rgb(20,59,127)
-
#164390
#164390
rgb(22,67,144)
-
#194ba1
#194ba1
rgb(25,75,161)
-
#1c53b2
#1c53b2
rgb(28,83,178)
-
#1e5bc3
#1e5bc3
rgb(30,91,195)
-
#2163d4
#2163d4
rgb(33,99,212)
-
#2a6dde
#2a6dde
rgb(42,109,222)
-
#3b78e0
#3b78e0
rgb(59,120,224)
-
#4c84e3
#4c84e3
rgb(76,132,227)
-
#5d90e6
#5d90e6
rgb(93,144,230)
-
#6e9be8
#6e9be8
rgb(110,155,232)
-
#7fa7eb
#7fa7eb
rgb(127,167,235)
-
#90b3ee
#90b3ee
rgb(144,179,238)
-
#a1bef0
#a1bef0
rgb(161,190,240)
-
#b2caf3
#b2caf3
rgb(178,202,243)
-
#c3d6f6
#c3d6f6
rgb(195,214,246)
-
#d4e1f8
#d4e1f8
rgb(212,225,248)
-
#e5edfb
#e5edfb
rgb(229,237,251)
-
#f6f9fe
#f6f9fe
rgb(246,249,254)
Tones of #b2caf3
A tone is produced by adding gray to any pure hue. In this case, #d1d2d4 is the less saturated color, while #a8c7fd is the most saturated one.
-
#d1d2d4
#d1d2d4
rgb(209,210,212)
-
#cdd1d8
#cdd1d8
rgb(205,209,216)
-
#cad0db
#cad0db
rgb(202,208,219)
-
#c7cfde
#c7cfde
rgb(199,207,222)
-
#c3cee2
#c3cee2
rgb(195,206,226)
-
#c0cee5
#c0cee5
rgb(192,206,229)
-
#bccde9
#bccde9
rgb(188,205,233)
-
#b9ccec
#b9ccec
rgb(185,204,236)
-
#b5cbf0
#b5cbf0
rgb(181,203,240)
-
#b2caf3
#b2caf3
rgb(178,202,243)
-
#afc9f6
#afc9f6
rgb(175,201,246)
-
#abc8fa
#abc8fa
rgb(171,200,250)
-
#a8c7fd
#a8c7fd
rgb(168,199,253)
Color Blindness Simulator
Below, you can see how #b2caf3 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.