#b2caf0 Color Information
In a RGB color space, hex #b2caf0 is composed of 69.8% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 216.8 degrees, a saturation of 67.4% and a lightness of 82%. #b2caf0 color hex could be obtained by blending #ffffff with #6595e1. Closest websafe color is: #99ccff.
-
- R 70
- G 79
- B 94
-
- C 26
- M 16
- Y 0
- K 6
● #b2caf0 color description : Very soft blue.
#b2caf0 Color Conversion
The hexadecimal color #b2caf0 has RGB values of R:178, G:202, B:240 and CMYK values of C:0.26, M:0.16, Y:0, K:0.06. Its decimal value is 11717360.
Hex triplet | b2caf0 | #b2caf0 |
---|---|---|
RGB Decimal | 178, 202, 240 | rgb(178,202,240) |
RGB Percent | 69.8, 79.2, 94.1 | rgb(69.8%,79.2%,94.1%) |
CMYK | 26, 16, 0, 6 | |
HSL | 216.8°, 67.4, 82 | hsl(216.8,67.4%,82%) |
HSV (or HSB) | 216.8°, 25.8, 94.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 80.737, 0.207, -21.408 |
---|---|
XYZ | 55.205, 57.996, 90.719 |
xyY | 0.271, 0.284, 57.996 |
CIE-LCH | 80.737, 21.409, 270.553 |
CIE-LUV | 80.737, -14.072, -33.992 |
Hunter-Lab | 76.155, -3.875, -17.32 |
Binary | 10110010, 11001010, 11110000 |
Color Schemes with #b2caf0
Alternatives to #b2caf0
Below, you can see some colors close to #b2caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2caf0 Preview
This text has a font color of #b2caf0.
<span style="color:#b2caf0;">Text here</span>
This paragraph has a background color of #b2caf0.
<p style="background-color:#b2caf0;">Content here</p>
This element has a border color of #b2caf0.
<div style="border:1px solid #b2caf0;">Content here</div>
.text {color:#b2caf0;}
.background {background-color:#b2caf0;}
.border {border:1px solid #b2caf0;}
Shades and Tints of #b2caf0
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, #010305 is the darkest color, while #f4f7fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#040b16
#040b16
rgb(4,11,22)
-
#071326
#071326
rgb(7,19,38)
-
#0b1c36
#0b1c36
rgb(11,28,54)
-
#0e2447
#0e2447
rgb(14,36,71)
-
#112c57
#112c57
rgb(17,44,87)
-
#143468
#143468
rgb(20,52,104)
-
#173d78
#173d78
rgb(23,61,120)
-
#1b4588
#1b4588
rgb(27,69,136)
-
#1e4d99
#1e4d99
rgb(30,77,153)
-
#2156a9
#2156a9
rgb(33,86,169)
-
#245eba
#245eba
rgb(36,94,186)
-
#2766ca
#2766ca
rgb(39,102,202)
-
#2f70d6
#2f70d6
rgb(47,112,214)
-
#3f7bda
#3f7bda
rgb(63,123,218)
-
#4f86dd
#4f86dd
rgb(79,134,221)
-
#6091e0
#6091e0
rgb(96,145,224)
-
#709de3
#709de3
rgb(112,157,227)
-
#81a8e6
#81a8e6
rgb(129,168,230)
-
#91b3ea
#91b3ea
rgb(145,179,234)
-
#a2bfed
#a2bfed
rgb(162,191,237)
-
#b2caf0
#b2caf0
rgb(178,202,240)
-
#c2d5f3
#c2d5f3
rgb(194,213,243)
-
#d3e1f6
#d3e1f6
rgb(211,225,246)
-
#e3ecfa
#e3ecfa
rgb(227,236,250)
-
#f4f7fd
#f4f7fd
rgb(244,247,253)
Tones of #b2caf0
A tone is produced by adding gray to any pure hue. In this case, #ced0d4 is the less saturated color, while #a4c7fe is the most saturated one.
-
#ced0d4
#ced0d4
rgb(206,208,212)
-
#cbd0d7
#cbd0d7
rgb(203,208,215)
-
#c7cfdb
#c7cfdb
rgb(199,207,219)
-
#c4cede
#c4cede
rgb(196,206,222)
-
#c0cde2
#c0cde2
rgb(192,205,226)
-
#bdcce5
#bdcce5
rgb(189,204,229)
-
#b9cce9
#b9cce9
rgb(185,204,233)
-
#b6cbec
#b6cbec
rgb(182,203,236)
-
#b2caf0
#b2caf0
rgb(178,202,240)
-
#aec9f4
#aec9f4
rgb(174,201,244)
-
#abc8f7
#abc8f7
rgb(171,200,247)
-
#a7c8fb
#a7c8fb
rgb(167,200,251)
-
#a4c7fe
#a4c7fe
rgb(164,199,254)
Color Blindness Simulator
Below, you can see how #b2caf0 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.