#b2c4f2 Color Information
In a RGB color space, hex #b2c4f2 is composed of 69.8% red, 76.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 19% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.1 degrees, a saturation of 71.1% and a lightness of 82.4%. #b2c4f2 color hex could be obtained by blending #ffffff with #6589e5. Closest websafe color is: #99ccff.
-
- R 70
- G 77
- B 95
-
- C 26
- M 19
- Y 0
- K 5
● #b2c4f2 color description : Very soft blue.
#b2c4f2 Color Conversion
The hexadecimal color #b2c4f2 has RGB values of R:178, G:196, B:242 and CMYK values of C:0.26, M:0.19, Y:0, K:0.05. Its decimal value is 11715826.
Hex triplet | b2c4f2 | #b2c4f2 |
---|---|---|
RGB Decimal | 178, 196, 242 | rgb(178,196,242) |
RGB Percent | 69.8, 76.9, 94.9 | rgb(69.8%,76.9%,94.9%) |
CMYK | 26, 19, 0, 5 | |
HSL | 223.1°, 71.1, 82.4 | hsl(223.1,71.1%,82.4%) |
HSV (or HSB) | 223.1°, 26.4, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 79.245, 3.893, -24.747 |
---|---|
XYZ | 54.124, 55.355, 91.832 |
xyY | 0.269, 0.275, 55.355 |
CIE-LCH | 79.245, 25.051, 278.94 |
CIE-LUV | 79.245, -11.534, -40.011 |
Hunter-Lab | 74.401, -0.349, -21.101 |
Binary | 10110010, 11000100, 11110010 |
Color Schemes with #b2c4f2
Alternatives to #b2c4f2
Below, you can see some colors close to #b2c4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2c4f2 Preview
This text has a font color of #b2c4f2.
<span style="color:#b2c4f2;">Text here</span>
This paragraph has a background color of #b2c4f2.
<p style="background-color:#b2c4f2;">Content here</p>
This element has a border color of #b2c4f2.
<div style="border:1px solid #b2c4f2;">Content here</div>
.text {color:#b2c4f2;}
.background {background-color:#b2c4f2;}
.border {border:1px solid #b2c4f2;}
Shades and Tints of #b2c4f2
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, #010307 is the darkest color, while #f5f7fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#040a18
#040a18
rgb(4,10,24)
-
#071028
#071028
rgb(7,16,40)
-
#0a1739
#0a1739
rgb(10,23,57)
-
#0d1e4a
#0d1e4a
rgb(13,30,74)
-
#0f255b
#0f255b
rgb(15,37,91)
-
#122b6c
#122b6c
rgb(18,43,108)
-
#15327c
#15327c
rgb(21,50,124)
-
#18398d
#18398d
rgb(24,57,141)
-
#1b409e
#1b409e
rgb(27,64,158)
-
#1e46af
#1e46af
rgb(30,70,175)
-
#204dc0
#204dc0
rgb(32,77,192)
-
#2354d0
#2354d0
rgb(35,84,208)
-
#2c5ddb
#2c5ddb
rgb(44,93,219)
-
#3d6ade
#3d6ade
rgb(61,106,222)
-
#4d77e1
#4d77e1
rgb(77,119,225)
-
#5e84e4
#5e84e4
rgb(94,132,228)
-
#6f91e7
#6f91e7
rgb(111,145,231)
-
#809dea
#809dea
rgb(128,157,234)
-
#90aaec
#90aaec
rgb(144,170,236)
-
#a1b7ef
#a1b7ef
rgb(161,183,239)
-
#b2c4f2
#b2c4f2
rgb(178,196,242)
-
#c3d1f5
#c3d1f5
rgb(195,209,245)
-
#d4def8
#d4def8
rgb(212,222,248)
-
#e4ebfb
#e4ebfb
rgb(228,235,251)
-
#f5f7fd
#f5f7fd
rgb(245,247,253)
Tones of #b2c4f2
A tone is produced by adding gray to any pure hue. In this case, #d1d2d3 is the less saturated color, while #a8bffc is the most saturated one.
-
#d1d2d3
#d1d2d3
rgb(209,210,211)
-
#ced0d6
#ced0d6
rgb(206,208,214)
-
#cacfda
#cacfda
rgb(202,207,218)
-
#c7cddd
#c7cddd
rgb(199,205,221)
-
#c3cce1
#c3cce1
rgb(195,204,225)
-
#c0cae4
#c0cae4
rgb(192,202,228)
-
#bcc9e8
#bcc9e8
rgb(188,201,232)
-
#b9c7eb
#b9c7eb
rgb(185,199,235)
-
#b5c6ef
#b5c6ef
rgb(181,198,239)
-
#b2c4f2
#b2c4f2
rgb(178,196,242)
-
#afc2f5
#afc2f5
rgb(175,194,245)
-
#abc1f9
#abc1f9
rgb(171,193,249)
-
#a8bffc
#a8bffc
rgb(168,191,252)
Color Blindness Simulator
Below, you can see how #b2c4f2 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.