#b4caf9 Color Information
In a RGB color space, hex #b4caf9 is composed of 70.6% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 220.9 degrees, a saturation of 85.2% and a lightness of 84.1%. #b4caf9 color hex could be obtained by blending #ffffff with #6995f3. Closest websafe color is: #ccccff.
-
- R 71
- G 79
- B 98
-
- C 28
- M 19
- Y 0
- K 2
● #b4caf9 color description : Very soft blue.
#b4caf9 Color Conversion
The hexadecimal color #b4caf9 has RGB values of R:180, G:202, B:249 and CMYK values of C:0.28, M:0.19, Y:0, K:0.02. Its decimal value is 11848441.
Hex triplet | b4caf9 | #b4caf9 |
---|---|---|
RGB Decimal | 180, 202, 249 | rgb(180,202,249) |
RGB Percent | 70.6, 79.2, 97.6 | rgb(70.6%,79.2%,97.6%) |
CMYK | 28, 19, 0, 2 | |
HSL | 220.9°, 85.2, 84.1 | hsl(220.9,85.2%,84.1%) |
HSV (or HSB) | 220.9°, 27.7, 97.6 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 81.172, 2.896, -25.536 |
---|---|
XYZ | 57.038, 58.783, 97.958 |
xyY | 0.267, 0.275, 58.783 |
CIE-LCH | 81.172, 25.7, 276.471 |
CIE-LUV | 81.172, -13.453, -41.307 |
Hunter-Lab | 76.67, -1.378, -22.084 |
Binary | 10110100, 11001010, 11111001 |
Color Schemes with #b4caf9
Alternatives to #b4caf9
Below, you can see some colors close to #b4caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4caf9 Preview
This text has a font color of #b4caf9.
<span style="color:#b4caf9;">Text here</span>
This paragraph has a background color of #b4caf9.
<p style="background-color:#b4caf9;">Content here</p>
This element has a border color of #b4caf9.
<div style="border:1px solid #b4caf9;">Content here</div>
.text {color:#b4caf9;}
.background {background-color:#b4caf9;}
.border {border:1px solid #b4caf9;}
Shades and Tints of #b4caf9
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, #010610 is the darkest color, while #fdfdff is the lightest one.
-
#010610
#010610
rgb(1,6,16)
-
#030d22
#030d22
rgb(3,13,34)
-
#041334
#041334
rgb(4,19,52)
-
#061a46
#061a46
rgb(6,26,70)
-
#072158
#072158
rgb(7,33,88)
-
#09286b
#09286b
rgb(9,40,107)
-
#0a2f7d
#0a2f7d
rgb(10,47,125)
-
#0b358f
#0b358f
rgb(11,53,143)
-
#0d3ca1
#0d3ca1
rgb(13,60,161)
-
#0e43b3
#0e43b3
rgb(14,67,179)
-
#104ac5
#104ac5
rgb(16,74,197)
-
#1150d8
#1150d8
rgb(17,80,216)
-
#1357ea
#1357ea
rgb(19,87,234)
-
#2363ed
#2363ed
rgb(35,99,237)
-
#3570ef
#3570ef
rgb(53,112,239)
-
#477df0
#477df0
rgb(71,125,240)
-
#598af2
#598af2
rgb(89,138,242)
-
#6b97f3
#6b97f3
rgb(107,151,243)
-
#7ea3f5
#7ea3f5
rgb(126,163,245)
-
#90b0f6
#90b0f6
rgb(144,176,246)
-
#a2bdf8
#a2bdf8
rgb(162,189,248)
-
#b4caf9
#b4caf9
rgb(180,202,249)
-
#c6d7fa
#c6d7fa
rgb(198,215,250)
-
#d8e4fc
#d8e4fc
rgb(216,228,252)
-
#eaf1fd
#eaf1fd
rgb(234,241,253)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #b4caf9
A tone is produced by adding gray to any pure hue. In this case, #d6d6d7 is the less saturated color, while #b1c9fc is the most saturated one.
-
#d6d6d7
#d6d6d7
rgb(214,214,215)
-
#d3d5da
#d3d5da
rgb(211,213,218)
-
#d0d4dd
#d0d4dd
rgb(208,212,221)
-
#cdd3e0
#cdd3e0
rgb(205,211,224)
-
#cad2e3
#cad2e3
rgb(202,210,227)
-
#c7d1e6
#c7d1e6
rgb(199,209,230)
-
#c4d0e9
#c4d0e9
rgb(196,208,233)
-
#c0cfed
#c0cfed
rgb(192,207,237)
-
#bdcdf0
#bdcdf0
rgb(189,205,240)
-
#baccf3
#baccf3
rgb(186,204,243)
-
#b7cbf6
#b7cbf6
rgb(183,203,246)
-
#b4caf9
#b4caf9
rgb(180,202,249)
-
#b1c9fc
#b1c9fc
rgb(177,201,252)
Color Blindness Simulator
Below, you can see how #b4caf9 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.