#bcc2f4 Color Information
In a RGB color space, hex #bcc2f4 is composed of 73.7% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 233.6 degrees, a saturation of 71.8% and a lightness of 84.7%. #bcc2f4 color hex could be obtained by blending #ffffff with #7985e9. Closest websafe color is: #ccccff.
-
- R 74
- G 76
- B 96
-
- C 23
- M 20
- Y 0
- K 4
● #bcc2f4 color description : Very soft blue.
#bcc2f4 Color Conversion
The hexadecimal color #bcc2f4 has RGB values of R:188, G:194, B:244 and CMYK values of C:0.23, M:0.2, Y:0, K:0.04. Its decimal value is 12370676.
Hex triplet | bcc2f4 | #bcc2f4 |
---|---|---|
RGB Decimal | 188, 194, 244 | rgb(188,194,244) |
RGB Percent | 73.7, 76.1, 95.7 | rgb(73.7%,76.1%,95.7%) |
CMYK | 23, 20, 0, 4 | |
HSL | 233.6°, 71.8, 84.7 | hsl(233.6,71.8%,84.7%) |
HSV (or HSB) | 233.6°, 23, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 79.503, 8.403, -25.361 |
---|---|
XYZ | 56.357, 55.806, 93.385 |
xyY | 0.274, 0.271, 55.806 |
CIE-LCH | 79.503, 26.717, 288.332 |
CIE-LUV | 79.503, -5.951, -41.732 |
Hunter-Lab | 74.703, 3.931, -21.825 |
Binary | 10111100, 11000010, 11110100 |
Color Schemes with #bcc2f4
Alternatives to #bcc2f4
Below, you can see some colors close to #bcc2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bcc2f4 Preview
This text has a font color of #bcc2f4.
<span style="color:#bcc2f4;">Text here</span>
This paragraph has a background color of #bcc2f4.
<p style="background-color:#bcc2f4;">Content here</p>
This element has a border color of #bcc2f4.
<div style="border:1px solid #bcc2f4;">Content here</div>
.text {color:#bcc2f4;}
.background {background-color:#bcc2f4;}
.border {border:1px solid #bcc2f4;}
Shades and Tints of #bcc2f4
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, #000000 is the darkest color, while #eff0fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030411
#030411
rgb(3,4,17)
-
#060922
#060922
rgb(6,9,34)
-
#080d33
#080d33
rgb(8,13,51)
-
#0b1144
#0b1144
rgb(11,17,68)
-
#0e1555
#0e1555
rgb(14,21,85)
-
#111a65
#111a65
rgb(17,26,101)
-
#131e76
#131e76
rgb(19,30,118)
-
#162287
#162287
rgb(22,34,135)
-
#192798
#192798
rgb(25,39,152)
-
#1c2ba9
#1c2ba9
rgb(28,43,169)
-
#1e2fba
#1e2fba
rgb(30,47,186)
-
#2133cb
#2133cb
rgb(33,51,203)
-
#2438db
#2438db
rgb(36,56,219)
-
#3547de
#3547de
rgb(53,71,222)
-
#4657e1
#4657e1
rgb(70,87,225)
-
#5766e3
#5766e3
rgb(87,102,227)
-
#6875e6
#6875e6
rgb(104,117,230)
-
#7985e9
#7985e9
rgb(121,133,233)
-
#8994ec
#8994ec
rgb(137,148,236)
-
#9aa3ee
#9aa3ee
rgb(154,163,238)
-
#abb3f1
#abb3f1
rgb(171,179,241)
-
#bcc2f4
#bcc2f4
rgb(188,194,244)
-
#cdd1f7
#cdd1f7
rgb(205,209,247)
-
#dee1fa
#dee1fa
rgb(222,225,250)
-
#eff0fc
#eff0fc
rgb(239,240,252)
Tones of #bcc2f4
A tone is produced by adding gray to any pure hue. In this case, #d7d7d9 is the less saturated color, while #b3bbfd is the most saturated one.
-
#d7d7d9
#d7d7d9
rgb(215,215,217)
-
#d4d5dc
#d4d5dc
rgb(212,213,220)
-
#d1d3df
#d1d3df
rgb(209,211,223)
-
#ced0e2
#ced0e2
rgb(206,208,226)
-
#cbcee5
#cbcee5
rgb(203,206,229)
-
#c8cbe8
#c8cbe8
rgb(200,203,232)
-
#c5c9eb
#c5c9eb
rgb(197,201,235)
-
#c2c7ee
#c2c7ee
rgb(194,199,238)
-
#bfc4f1
#bfc4f1
rgb(191,196,241)
-
#bcc2f4
#bcc2f4
rgb(188,194,244)
-
#b9c0f7
#b9c0f7
rgb(185,192,247)
-
#b6bdfa
#b6bdfa
rgb(182,189,250)
-
#b3bbfd
#b3bbfd
rgb(179,187,253)
Color Blindness Simulator
Below, you can see how #bcc2f4 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.