#b4caf4 Color Information
In a RGB color space, hex #b4caf4 is composed of 70.6% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 219.4 degrees, a saturation of 74.4% and a lightness of 83.1%. #b4caf4 color hex could be obtained by blending #ffffff with #6995e9. Closest websafe color is: #ccccff.
-
- R 71
- G 79
- B 96
-
- C 26
- M 17
- Y 0
- K 4
● #b4caf4 color description : Very soft blue.
#b4caf4 Color Conversion
The hexadecimal color #b4caf4 has RGB values of R:180, G:202, B:244 and CMYK values of C:0.26, M:0.17, Y:0, K:0.04. Its decimal value is 11848436.
Hex triplet | b4caf4 | #b4caf4 |
---|---|---|
RGB Decimal | 180, 202, 244 | rgb(180,202,244) |
RGB Percent | 70.6, 79.2, 95.7 | rgb(70.6%,79.2%,95.7%) |
CMYK | 26, 17, 0, 4 | |
HSL | 219.4°, 74.4, 83.1 | hsl(219.4,74.4%,83.1%) |
HSV (or HSB) | 219.4°, 26.2, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 81.002, 1.723, -23.129 |
---|---|
XYZ | 56.269, 58.475, 93.905 |
xyY | 0.27, 0.28, 58.475 |
CIE-LCH | 81.002, 23.193, 274.262 |
CIE-LUV | 81.002, -13.278, -37.095 |
Hunter-Lab | 76.469, -2.473, -19.281 |
Binary | 10110100, 11001010, 11110100 |
Color Schemes with #b4caf4
Alternatives to #b4caf4
Below, you can see some colors close to #b4caf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4caf4 Preview
This text has a font color of #b4caf4.
<span style="color:#b4caf4;">Text here</span>
This paragraph has a background color of #b4caf4.
<p style="background-color:#b4caf4;">Content here</p>
This element has a border color of #b4caf4.
<div style="border:1px solid #b4caf4;">Content here</div>
.text {color:#b4caf4;}
.background {background-color:#b4caf4;}
.border {border:1px solid #b4caf4;}
Shades and Tints of #b4caf4
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, #02050b is the darkest color, while #f8fafe is the lightest one.
-
#02050b
#02050b
rgb(2,5,11)
-
#040c1c
#040c1c
rgb(4,12,28)
-
#07142d
#07142d
rgb(7,20,45)
-
#091b3e
#091b3e
rgb(9,27,62)
-
#0c234f
#0c234f
rgb(12,35,79)
-
#0e2a60
#0e2a60
rgb(14,42,96)
-
#113271
#113271
rgb(17,50,113)
-
#133982
#133982
rgb(19,57,130)
-
#164193
#164193
rgb(22,65,147)
-
#1848a4
#1848a4
rgb(24,72,164)
-
#1b50b6
#1b50b6
rgb(27,80,182)
-
#1d57c7
#1d57c7
rgb(29,87,199)
-
#205fd8
#205fd8
rgb(32,95,216)
-
#2b69e0
#2b69e0
rgb(43,105,224)
-
#3c75e2
#3c75e2
rgb(60,117,226)
-
#4d81e5
#4d81e5
rgb(77,129,229)
-
#5e8ee7
#5e8ee7
rgb(94,142,231)
-
#709aea
#709aea
rgb(112,154,234)
-
#81a6ec
#81a6ec
rgb(129,166,236)
-
#92b2ef
#92b2ef
rgb(146,178,239)
-
#a3bef1
#a3bef1
rgb(163,190,241)
-
#b4caf4
#b4caf4
rgb(180,202,244)
-
#c5d6f7
#c5d6f7
rgb(197,214,247)
-
#d6e2f9
#d6e2f9
rgb(214,226,249)
-
#e7eefc
#e7eefc
rgb(231,238,252)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #b4caf4
A tone is produced by adding gray to any pure hue. In this case, #d2d3d6 is the less saturated color, while #aac7fe is the most saturated one.
-
#d2d3d6
#d2d3d6
rgb(210,211,214)
-
#ced2da
#ced2da
rgb(206,210,218)
-
#cbd1dd
#cbd1dd
rgb(203,209,221)
-
#c8d0e0
#c8d0e0
rgb(200,208,224)
-
#c5cfe3
#c5cfe3
rgb(197,207,227)
-
#c1cee7
#c1cee7
rgb(193,206,231)
-
#becdea
#becdea
rgb(190,205,234)
-
#bbcced
#bbcced
rgb(187,204,237)
-
#b7cbf1
#b7cbf1
rgb(183,203,241)
-
#b4caf4
#b4caf4
rgb(180,202,244)
-
#b1c9f7
#b1c9f7
rgb(177,201,247)
-
#adc8fb
#adc8fb
rgb(173,200,251)
-
#aac7fe
#aac7fe
rgb(170,199,254)
Color Blindness Simulator
Below, you can see how #b4caf4 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.