#bccff2 Color Information
In a RGB color space, hex #bccff2 is composed of 73.7% red, 81.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 14.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 218.9 degrees, a saturation of 67.5% and a lightness of 84.3%. #bccff2 color hex could be obtained by blending #ffffff with #799fe5. Closest websafe color is: #ccccff.
-
- R 74
- G 81
- B 95
-
- C 22
- M 14
- Y 0
- K 5
● #bccff2 color description : Very soft blue.
#bccff2 Color Conversion
The hexadecimal color #bccff2 has RGB values of R:188, G:207, B:242 and CMYK values of C:0.22, M:0.14, Y:0, K:0.05. Its decimal value is 12374002.
Hex triplet | bccff2 | #bccff2 |
---|---|---|
RGB Decimal | 188, 207, 242 | rgb(188,207,242) |
RGB Percent | 73.7, 81.2, 94.9 | rgb(73.7%,81.2%,94.9%) |
CMYK | 22, 14, 0, 5 | |
HSL | 218.9°, 67.5, 84.3 | hsl(218.9,67.5%,84.3%) |
HSV (or HSB) | 218.9°, 22.3, 94.9 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 82.768, 0.98, -19.335 |
---|---|
XYZ | 59.076, 61.727, 92.801 |
xyY | 0.277, 0.289, 61.727 |
CIE-LCH | 82.768, 19.36, 272.902 |
CIE-LUV | 82.768, -11.621, -30.785 |
Hunter-Lab | 78.566, -3.274, -15.036 |
Binary | 10111100, 11001111, 11110010 |
Color Schemes with #bccff2
Alternatives to #bccff2
Below, you can see some colors close to #bccff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bccff2 Preview
This text has a font color of #bccff2.
<span style="color:#bccff2;">Text here</span>
This paragraph has a background color of #bccff2.
<p style="background-color:#bccff2;">Content here</p>
This element has a border color of #bccff2.
<div style="border:1px solid #bccff2;">Content here</div>
.text {color:#bccff2;}
.background {background-color:#bccff2;}
.border {border:1px solid #bccff2;}
Shades and Tints of #bccff2
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, #03070f is the darkest color, while #fefeff is the lightest one.
-
#03070f
#03070f
rgb(3,7,15)
-
#060f20
#060f20
rgb(6,15,32)
-
#091730
#091730
rgb(9,23,48)
-
#0d1f40
#0d1f40
rgb(13,31,64)
-
#102751
#102751
rgb(16,39,81)
-
#132e61
#132e61
rgb(19,46,97)
-
#163672
#163672
rgb(22,54,114)
-
#193e82
#193e82
rgb(25,62,130)
-
#1c4693
#1c4693
rgb(28,70,147)
-
#204ea3
#204ea3
rgb(32,78,163)
-
#2356b3
#2356b3
rgb(35,86,179)
-
#265ec4
#265ec4
rgb(38,94,196)
-
#2965d4
#2965d4
rgb(41,101,212)
-
#3971d9
#3971d9
rgb(57,113,217)
-
#497ddc
#497ddc
rgb(73,125,220)
-
#5988df
#5988df
rgb(89,136,223)
-
#6a94e2
#6a94e2
rgb(106,148,226)
-
#7aa0e5
#7aa0e5
rgb(122,160,229)
-
#8bace8
#8bace8
rgb(139,172,232)
-
#9bb7ec
#9bb7ec
rgb(155,183,236)
-
#acc3ef
#acc3ef
rgb(172,195,239)
-
#bccff2
#bccff2
rgb(188,207,242)
-
#ccdbf5
#ccdbf5
rgb(204,219,245)
-
#dde7f8
#dde7f8
rgb(221,231,248)
-
#edf2fc
#edf2fc
rgb(237,242,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #bccff2
A tone is produced by adding gray to any pure hue. In this case, #d5d6d9 is the less saturated color, while #b0cbfe is the most saturated one.
-
#d5d6d9
#d5d6d9
rgb(213,214,217)
-
#d2d5dc
#d2d5dc
rgb(210,213,220)
-
#ced4e0
#ced4e0
rgb(206,212,224)
-
#cbd4e3
#cbd4e3
rgb(203,212,227)
-
#c8d3e6
#c8d3e6
rgb(200,211,230)
-
#c5d2e9
#c5d2e9
rgb(197,210,233)
-
#c2d1ec
#c2d1ec
rgb(194,209,236)
-
#bfd0ef
#bfd0ef
rgb(191,208,239)
-
#bccff2
#bccff2
rgb(188,207,242)
-
#b9cef5
#b9cef5
rgb(185,206,245)
-
#b6cdf8
#b6cdf8
rgb(182,205,248)
-
#b3ccfb
#b3ccfb
rgb(179,204,251)
-
#b0cbfe
#b0cbfe
rgb(176,203,254)
Color Blindness Simulator
Below, you can see how #bccff2 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.