#b2ccf5 Color Information
In a RGB color space, hex #b2ccf5 is composed of 69.8% red, 80% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 16.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 216.7 degrees, a saturation of 77% and a lightness of 82.9%. #b2ccf5 color hex could be obtained by blending #ffffff with #6599eb. Closest websafe color is: #99ccff.
-
- R 70
- G 80
- B 96
-
- C 27
- M 17
- Y 0
- K 4
● #b2ccf5 color description : Very soft blue.
#b2ccf5 Color Conversion
The hexadecimal color #b2ccf5 has RGB values of R:178, G:204, B:245 and CMYK values of C:0.27, M:0.17, Y:0, K:0.04. Its decimal value is 11717877.
Hex triplet | b2ccf5 | #b2ccf5 |
---|---|---|
RGB Decimal | 178, 204, 245 | rgb(178,204,245) |
RGB Percent | 69.8, 80, 96.1 | rgb(69.8%,80%,96.1%) |
CMYK | 27, 17, 0, 4 | |
HSL | 216.7°, 77, 82.9 | hsl(216.7,77%,82.9%) |
HSV (or HSB) | 216.7°, 27.3, 96.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 81.424, 0.306, -23.032 |
---|---|
XYZ | 56.431, 59.242, 94.843 |
xyY | 0.268, 0.281, 59.242 |
CIE-LCH | 81.424, 23.034, 270.762 |
CIE-LUV | 81.424, -15.098, -36.745 |
Hunter-Lab | 76.969, -3.825, -19.18 |
Binary | 10110010, 11001100, 11110101 |
Color Schemes with #b2ccf5
Alternatives to #b2ccf5
Below, you can see some colors close to #b2ccf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2ccf5 Preview
This text has a font color of #b2ccf5.
<span style="color:#b2ccf5;">Text here</span>
This paragraph has a background color of #b2ccf5.
<p style="background-color:#b2ccf5;">Content here</p>
This element has a border color of #b2ccf5.
<div style="border:1px solid #b2ccf5;">Content here</div>
.text {color:#b2ccf5;}
.background {background-color:#b2ccf5;}
.border {border:1px solid #b2ccf5;}
Shades and Tints of #b2ccf5
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, #01050a is the darkest color, while #f7fafe is the lightest one.
-
#01050a
#01050a
rgb(1,5,10)
-
#040d1b
#040d1b
rgb(4,13,27)
-
#06152d
#06152d
rgb(6,21,45)
-
#081d3e
#081d3e
rgb(8,29,62)
-
#0a254f
#0a254f
rgb(10,37,79)
-
#0d2d61
#0d2d61
rgb(13,45,97)
-
#0f3572
#0f3572
rgb(15,53,114)
-
#113d83
#113d83
rgb(17,61,131)
-
#134695
#134695
rgb(19,70,149)
-
#164ea6
#164ea6
rgb(22,78,166)
-
#1856b7
#1856b7
rgb(24,86,183)
-
#1a5ec9
#1a5ec9
rgb(26,94,201)
-
#1c66da
#1c66da
rgb(28,102,218)
-
#2770e3
#2770e3
rgb(39,112,227)
-
#387ce5
#387ce5
rgb(56,124,229)
-
#4a87e7
#4a87e7
rgb(74,135,231)
-
#5b93ea
#5b93ea
rgb(91,147,234)
-
#6d9eec
#6d9eec
rgb(109,158,236)
-
#7eaaee
#7eaaee
rgb(126,170,238)
-
#8fb5f0
#8fb5f0
rgb(143,181,240)
-
#a1c1f3
#a1c1f3
rgb(161,193,243)
-
#b2ccf5
#b2ccf5
rgb(178,204,245)
-
#c3d7f7
#c3d7f7
rgb(195,215,247)
-
#d5e3fa
#d5e3fa
rgb(213,227,250)
-
#e6eefc
#e6eefc
rgb(230,238,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #b2ccf5
A tone is produced by adding gray to any pure hue. In this case, #d3d3d4 is the less saturated color, while #abcbfc is the most saturated one.
-
#d3d3d4
#d3d3d4
rgb(211,211,212)
-
#d0d3d7
#d0d3d7
rgb(208,211,215)
-
#cdd2da
#cdd2da
rgb(205,210,218)
-
#c9d1de
#c9d1de
rgb(201,209,222)
-
#c6d0e1
#c6d0e1
rgb(198,208,225)
-
#c3d0e4
#c3d0e4
rgb(195,208,228)
-
#bfcfe8
#bfcfe8
rgb(191,207,232)
-
#bcceeb
#bcceeb
rgb(188,206,235)
-
#b9cdee
#b9cdee
rgb(185,205,238)
-
#b5cdf2
#b5cdf2
rgb(181,205,242)
-
#b2ccf5
#b2ccf5
rgb(178,204,245)
-
#afcbf8
#afcbf8
rgb(175,203,248)
-
#abcbfc
#abcbfc
rgb(171,203,252)
Color Blindness Simulator
Below, you can see how #b2ccf5 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.