#b2caf5 Color Information
In a RGB color space, hex #b2caf5 is composed of 69.8% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 218.5 degrees, a saturation of 77% and a lightness of 82.9%. #b2caf5 color hex could be obtained by blending #ffffff with #6595eb. Closest websafe color is: #99ccff.
-
- R 70
- G 79
- B 96
-
- C 27
- M 18
- Y 0
- K 4
● #b2caf5 color description : Very soft blue.
#b2caf5 Color Conversion
The hexadecimal color #b2caf5 has RGB values of R:178, G:202, B:245 and CMYK values of C:0.27, M:0.18, Y:0, K:0.04. Its decimal value is 11717365.
Hex triplet | b2caf5 | #b2caf5 |
---|---|---|
RGB Decimal | 178, 202, 245 | rgb(178,202,245) |
RGB Percent | 69.8, 79.2, 96.1 | rgb(69.8%,79.2%,96.1%) |
CMYK | 27, 18, 0, 4 | |
HSL | 218.5°, 77, 82.9 | hsl(218.5,77%,82.9%) |
HSV (or HSB) | 218.5°, 27.3, 96.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.904, 1.374, -23.824 |
---|---|
XYZ | 55.959, 58.297, 94.685 |
xyY | 0.268, 0.279, 58.297 |
CIE-LCH | 80.904, 23.863, 273.302 |
CIE-LUV | 80.904, -14.235, -38.197 |
Hunter-Lab | 76.353, -2.795, -20.079 |
Binary | 10110010, 11001010, 11110101 |
Color Schemes with #b2caf5
Alternatives to #b2caf5
Below, you can see some colors close to #b2caf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2caf5 Preview
This text has a font color of #b2caf5.
<span style="color:#b2caf5;">Text here</span>
This paragraph has a background color of #b2caf5.
<p style="background-color:#b2caf5;">Content here</p>
This element has a border color of #b2caf5.
<div style="border:1px solid #b2caf5;">Content here</div>
.text {color:#b2caf5;}
.background {background-color:#b2caf5;}
.border {border:1px solid #b2caf5;}
Shades and Tints of #b2caf5
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, #01040a is the darkest color, while #f7fafe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#040c1b
#040c1b
rgb(4,12,27)
-
#06142d
#06142d
rgb(6,20,45)
-
#081b3e
#081b3e
rgb(8,27,62)
-
#0a234f
#0a234f
rgb(10,35,79)
-
#0d2b61
#0d2b61
rgb(13,43,97)
-
#0f3272
#0f3272
rgb(15,50,114)
-
#113a83
#113a83
rgb(17,58,131)
-
#134295
#134295
rgb(19,66,149)
-
#1649a6
#1649a6
rgb(22,73,166)
-
#1851b7
#1851b7
rgb(24,81,183)
-
#1a59c9
#1a59c9
rgb(26,89,201)
-
#1c60da
#1c60da
rgb(28,96,218)
-
#276ae3
#276ae3
rgb(39,106,227)
-
#3876e5
#3876e5
rgb(56,118,229)
-
#4a82e7
#4a82e7
rgb(74,130,231)
-
#5b8eea
#5b8eea
rgb(91,142,234)
-
#6d9aec
#6d9aec
rgb(109,154,236)
-
#7ea6ee
#7ea6ee
rgb(126,166,238)
-
#8fb2f0
#8fb2f0
rgb(143,178,240)
-
#a1bef3
#a1bef3
rgb(161,190,243)
-
#b2caf5
#b2caf5
rgb(178,202,245)
-
#c3d6f7
#c3d6f7
rgb(195,214,247)
-
#d5e2fa
#d5e2fa
rgb(213,226,250)
-
#e6eefc
#e6eefc
rgb(230,238,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #b2caf5
A tone is produced by adding gray to any pure hue. In this case, #d3d3d4 is the less saturated color, while #abc8fc is the most saturated one.
-
#d3d3d4
#d3d3d4
rgb(211,211,212)
-
#d0d3d7
#d0d3d7
rgb(208,211,215)
-
#cdd2da
#cdd2da
rgb(205,210,218)
-
#c9d1de
#c9d1de
rgb(201,209,222)
-
#c6d0e1
#c6d0e1
rgb(198,208,225)
-
#c3cfe4
#c3cfe4
rgb(195,207,228)
-
#bfcee8
#bfcee8
rgb(191,206,232)
-
#bccdeb
#bccdeb
rgb(188,205,235)
-
#b9ccee
#b9ccee
rgb(185,204,238)
-
#b5cbf2
#b5cbf2
rgb(181,203,242)
-
#b2caf5
#b2caf5
rgb(178,202,245)
-
#afc9f8
#afc9f8
rgb(175,201,248)
-
#abc8fc
#abc8fc
rgb(171,200,252)
Color Blindness Simulator
Below, you can see how #b2caf5 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.