#b1caf4 Color Information
In a RGB color space, hex #b1caf4 is composed of 69.4% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 217.6 degrees, a saturation of 75.3% and a lightness of 82.5%. #b1caf4 color hex could be obtained by blending #ffffff with #6395e9. Closest websafe color is: #99ccff.
-
- R 69
- G 79
- B 96
-
- C 27
- M 17
- Y 0
- K 4
● #b1caf4 color description : Very soft blue.
#b1caf4 Color Conversion
The hexadecimal color #b1caf4 has RGB values of R:177, G:202, B:244 and CMYK values of C:0.27, M:0.17, Y:0, K:0.04. Its decimal value is 11651828.
Hex triplet | b1caf4 | #b1caf4 |
---|---|---|
RGB Decimal | 177, 202, 244 | rgb(177,202,244) |
RGB Percent | 69.4, 79.2, 95.7 | rgb(69.4%,79.2%,95.7%) |
CMYK | 27, 17, 0, 4 | |
HSL | 217.6°, 75.3, 82.5 | hsl(217.6,75.3%,82.5%) |
HSV (or HSB) | 217.6°, 27.5, 95.7 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.805, 0.849, -23.447 |
---|---|
XYZ | 55.578, 58.119, 93.873 |
xyY | 0.268, 0.28, 58.119 |
CIE-LCH | 80.805, 23.462, 272.073 |
CIE-LUV | 80.805, -14.66, -37.483 |
Hunter-Lab | 76.235, -3.281, -19.642 |
Binary | 10110001, 11001010, 11110100 |
Color Schemes with #b1caf4
Alternatives to #b1caf4
Below, you can see some colors close to #b1caf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b1caf4 Preview
This text has a font color of #b1caf4.
<span style="color:#b1caf4;">Text here</span>
This paragraph has a background color of #b1caf4.
<p style="background-color:#b1caf4;">Content here</p>
This element has a border color of #b1caf4.
<div style="border:1px solid #b1caf4;">Content here</div>
.text {color:#b1caf4;}
.background {background-color:#b1caf4;}
.border {border:1px solid #b1caf4;}
Shades and Tints of #b1caf4
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)
-
#06142a
#06142a
rgb(6,20,42)
-
#081b3c
#081b3c
rgb(8,27,60)
-
#0b234d
#0b234d
rgb(11,35,77)
-
#0d2b5e
#0d2b5e
rgb(13,43,94)
-
#10336f
#10336f
rgb(16,51,111)
-
#123b80
#123b80
rgb(18,59,128)
-
#154391
#154391
rgb(21,67,145)
-
#174ba3
#174ba3
rgb(23,75,163)
-
#1953b4
#1953b4
rgb(25,83,180)
-
#1c5bc5
#1c5bc5
rgb(28,91,197)
-
#1e63d6
#1e63d6
rgb(30,99,214)
-
#276de1
#276de1
rgb(39,109,225)
-
#3978e3
#3978e3
rgb(57,120,227)
-
#4a84e5
#4a84e5
rgb(74,132,229)
-
#5b90e8
#5b90e8
rgb(91,144,232)
-
#6c9bea
#6c9bea
rgb(108,155,234)
-
#7da7ed
#7da7ed
rgb(125,167,237)
-
#8fb3ef
#8fb3ef
rgb(143,179,239)
-
#a0bef2
#a0bef2
rgb(160,190,242)
-
#b1caf4
#b1caf4
rgb(177,202,244)
-
#c2d6f6
#c2d6f6
rgb(194,214,246)
-
#d3e1f9
#d3e1f9
rgb(211,225,249)
-
#e5edfb
#e5edfb
rgb(229,237,251)
-
#f6f9fe
#f6f9fe
rgb(246,249,254)
Tones of #b1caf4
A tone is produced by adding gray to any pure hue. In this case, #d0d2d5 is the less saturated color, while #a7c7fe is the most saturated one.
-
#d0d2d5
#d0d2d5
rgb(208,210,213)
-
#ccd1d9
#ccd1d9
rgb(204,209,217)
-
#c9d0dc
#c9d0dc
rgb(201,208,220)
-
#c6cfdf
#c6cfdf
rgb(198,207,223)
-
#c2cee3
#c2cee3
rgb(194,206,227)
-
#bfcde6
#bfcde6
rgb(191,205,230)
-
#bbcdea
#bbcdea
rgb(187,205,234)
-
#b8cced
#b8cced
rgb(184,204,237)
-
#b4cbf1
#b4cbf1
rgb(180,203,241)
-
#b1caf4
#b1caf4
rgb(177,202,244)
-
#aec9f7
#aec9f7
rgb(174,201,247)
-
#aac8fb
#aac8fb
rgb(170,200,251)
-
#a7c7fe
#a7c7fe
rgb(167,199,254)
Color Blindness Simulator
Below, you can see how #b1caf4 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.