#b7caf3 Color Information
In a RGB color space, hex #b7caf3 is composed of 71.8% red, 79.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 16.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 221 degrees, a saturation of 71.4% and a lightness of 83.5%. #b7caf3 color hex could be obtained by blending #ffffff with #6f95e7. Closest websafe color is: #ccccff.
-
- R 72
- G 79
- B 95
-
- C 25
- M 17
- Y 0
- K 5
● #b7caf3 color description : Very soft blue.
#b7caf3 Color Conversion
The hexadecimal color #b7caf3 has RGB values of R:183, G:202, B:243 and CMYK values of C:0.25, M:0.17, Y:0, K:0.05. Its decimal value is 12045043.
Hex triplet | b7caf3 | #b7caf3 |
---|---|---|
RGB Decimal | 183, 202, 243 | rgb(183,202,243) |
RGB Percent | 71.8, 79.2, 95.3 | rgb(71.8%,79.2%,95.3%) |
CMYK | 25, 17, 0, 5 | |
HSL | 221°, 71.4, 83.5 | hsl(221,71.4%,83.5%) |
HSV (or HSB) | 221°, 24.7, 95.3 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 81.17, 2.376, -22.322 |
---|---|
XYZ | 56.823, 58.778, 93.141 |
xyY | 0.272, 0.282, 58.778 |
CIE-LCH | 81.17, 22.448, 276.077 |
CIE-LUV | 81.17, -11.835, -35.861 |
Hunter-Lab | 76.667, -1.868, -18.363 |
Binary | 10110111, 11001010, 11110011 |
Color Schemes with #b7caf3
Alternatives to #b7caf3
Below, you can see some colors close to #b7caf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b7caf3 Preview
This text has a font color of #b7caf3.
<span style="color:#b7caf3;">Text here</span>
This paragraph has a background color of #b7caf3.
<p style="background-color:#b7caf3;">Content here</p>
This element has a border color of #b7caf3.
<div style="border:1px solid #b7caf3;">Content here</div>
.text {color:#b7caf3;}
.background {background-color:#b7caf3;}
.border {border:1px solid #b7caf3;}
Shades and Tints of #b7caf3
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, #02050c is the darkest color, while #fafcfe is the lightest one.
-
#02050c
#02050c
rgb(2,5,12)
-
#050c1d
#050c1d
rgb(5,12,29)
-
#08142e
#08142e
rgb(8,20,46)
-
#0a1b3f
#0a1b3f
rgb(10,27,63)
-
#0d224f
#0d224f
rgb(13,34,79)
-
#102960
#102960
rgb(16,41,96)
-
#133171
#133171
rgb(19,49,113)
-
#163882
#163882
rgb(22,56,130)
-
#183f93
#183f93
rgb(24,63,147)
-
#1b46a3
#1b46a3
rgb(27,70,163)
-
#1e4eb4
#1e4eb4
rgb(30,78,180)
-
#2155c5
#2155c5
rgb(33,85,197)
-
#245cd6
#245cd6
rgb(36,92,214)
-
#3067dd
#3067dd
rgb(48,103,221)
-
#4173df
#4173df
rgb(65,115,223)
-
#5280e2
#5280e2
rgb(82,128,226)
-
#638ce5
#638ce5
rgb(99,140,229)
-
#7498e8
#7498e8
rgb(116,152,232)
-
#85a5eb
#85a5eb
rgb(133,165,235)
-
#95b1ed
#95b1ed
rgb(149,177,237)
-
#a6bef0
#a6bef0
rgb(166,190,240)
-
#b7caf3
#b7caf3
rgb(183,202,243)
-
#c8d6f6
#c8d6f6
rgb(200,214,246)
-
#d9e3f9
#d9e3f9
rgb(217,227,249)
-
#e9effb
#e9effb
rgb(233,239,251)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #b7caf3
A tone is produced by adding gray to any pure hue. In this case, #d4d5d6 is the less saturated color, while #adc6fd is the most saturated one.
-
#d4d5d6
#d4d5d6
rgb(212,213,214)
-
#d1d3d9
#d1d3d9
rgb(209,211,217)
-
#ced2dc
#ced2dc
rgb(206,210,220)
-
#cad1e0
#cad1e0
rgb(202,209,224)
-
#c7d0e3
#c7d0e3
rgb(199,208,227)
-
#c4cfe6
#c4cfe6
rgb(196,207,230)
-
#c1cee9
#c1cee9
rgb(193,206,233)
-
#bdcced
#bdcced
rgb(189,204,237)
-
#bacbf0
#bacbf0
rgb(186,203,240)
-
#b7caf3
#b7caf3
rgb(183,202,243)
-
#b4c9f6
#b4c9f6
rgb(180,201,246)
-
#b1c8f9
#b1c8f9
rgb(177,200,249)
-
#adc6fd
#adc6fd
rgb(173,198,253)
Color Blindness Simulator
Below, you can see how #b7caf3 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.