#b2caf2 Color Information
In a RGB color space, hex #b2caf2 is composed of 69.8% red, 79.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 16.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 217.5 degrees, a saturation of 71.1% and a lightness of 82.4%. #b2caf2 color hex could be obtained by blending #ffffff with #6595e5. Closest websafe color is: #99ccff.
-
- R 70
- G 79
- B 95
-
- C 26
- M 17
- Y 0
- K 5
● #b2caf2 color description : Very soft blue.
#b2caf2 Color Conversion
The hexadecimal color #b2caf2 has RGB values of R:178, G:202, B:242 and CMYK values of C:0.26, M:0.17, Y:0, K:0.05. Its decimal value is 11717362.
Hex triplet | b2caf2 | #b2caf2 |
---|---|---|
RGB Decimal | 178, 202, 242 | rgb(178,202,242) |
RGB Percent | 69.8, 79.2, 94.9 | rgb(69.8%,79.2%,94.9%) |
CMYK | 26, 17, 0, 5 | |
HSL | 217.5°, 71.1, 82.4 | hsl(217.5,71.1%,82.4%) |
HSV (or HSB) | 217.5°, 26.4, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.803, 0.672, -22.376 |
---|---|
XYZ | 55.504, 58.116, 92.293 |
xyY | 0.27, 0.282, 58.116 |
CIE-LCH | 80.803, 22.386, 271.719 |
CIE-LUV | 80.803, -14.137, -35.672 |
Hunter-Lab | 76.234, -3.446, -18.416 |
Binary | 10110010, 11001010, 11110010 |
Color Schemes with #b2caf2
Alternatives to #b2caf2
Below, you can see some colors close to #b2caf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2caf2 Preview
This text has a font color of #b2caf2.
<span style="color:#b2caf2;">Text here</span>
This paragraph has a background color of #b2caf2.
<p style="background-color:#b2caf2;">Content here</p>
This element has a border color of #b2caf2.
<div style="border:1px solid #b2caf2;">Content here</div>
.text {color:#b2caf2;}
.background {background-color:#b2caf2;}
.border {border:1px solid #b2caf2;}
Shades and Tints of #b2caf2
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, #010307 is the darkest color, while #f5f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#040b18
#040b18
rgb(4,11,24)
-
#071328
#071328
rgb(7,19,40)
-
#0a1c39
#0a1c39
rgb(10,28,57)
-
#0d244a
#0d244a
rgb(13,36,74)
-
#0f2c5b
#0f2c5b
rgb(15,44,91)
-
#12346c
#12346c
rgb(18,52,108)
-
#153c7c
#153c7c
rgb(21,60,124)
-
#18448d
#18448d
rgb(24,68,141)
-
#1b4c9e
#1b4c9e
rgb(27,76,158)
-
#1e54af
#1e54af
rgb(30,84,175)
-
#205cc0
#205cc0
rgb(32,92,192)
-
#2364d0
#2364d0
rgb(35,100,208)
-
#2c6edb
#2c6edb
rgb(44,110,219)
-
#3d79de
#3d79de
rgb(61,121,222)
-
#4d85e1
#4d85e1
rgb(77,133,225)
-
#5e90e4
#5e90e4
rgb(94,144,228)
-
#6f9ce7
#6f9ce7
rgb(111,156,231)
-
#80a7ea
#80a7ea
rgb(128,167,234)
-
#90b3ec
#90b3ec
rgb(144,179,236)
-
#a1beef
#a1beef
rgb(161,190,239)
-
#b2caf2
#b2caf2
rgb(178,202,242)
-
#c3d6f5
#c3d6f5
rgb(195,214,245)
-
#d4e1f8
#d4e1f8
rgb(212,225,248)
-
#e4edfb
#e4edfb
rgb(228,237,251)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #b2caf2
A tone is produced by adding gray to any pure hue. In this case, #d1d2d3 is the less saturated color, while #a8c7fc is the most saturated one.
-
#d1d2d3
#d1d2d3
rgb(209,210,211)
-
#ced1d6
#ced1d6
rgb(206,209,214)
-
#cad0da
#cad0da
rgb(202,208,218)
-
#c7cfdd
#c7cfdd
rgb(199,207,221)
-
#c3cee1
#c3cee1
rgb(195,206,225)
-
#c0cde4
#c0cde4
rgb(192,205,228)
-
#bccde8
#bccde8
rgb(188,205,232)
-
#b9cceb
#b9cceb
rgb(185,204,235)
-
#b5cbef
#b5cbef
rgb(181,203,239)
-
#b2caf2
#b2caf2
rgb(178,202,242)
-
#afc9f5
#afc9f5
rgb(175,201,245)
-
#abc8f9
#abc8f9
rgb(171,200,249)
-
#a8c7fc
#a8c7fc
rgb(168,199,252)
Color Blindness Simulator
Below, you can see how #b2caf2 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.