#bcc2d3 color information
In a RGB color space, hex #bcc2d3 is composed of 73.7% red, 76.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 8.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 224.3 degrees, a saturation of 20.7% and a lightness of 78.2%. #bcc2d3 color hex could be obtained by blending #ffffff with #7985a7. Closest websafe color is: #cccccc.
#bcc2d3 color conversion
The hexadecimal color #bcc2d3 has RGB values of R:188, G:194, B:211 and CMYK values of C:0.11, M:0.08, Y:0, K:0.17. Its decimal value is 12370643.
- Hex triplet bcc2d3
#bcc2d3 - RGB Decimal 188, 194, 211
rgb(188,194,211) - RGB Percent 73.7, 76.1, 82.7
rgb(73.7%,76.1%,82.7%) - CMYK 11, 8, 0, 17
- HSL 224.3°, 20.7, 78.2
hsl(224,21%,78%) - HSV (or HSB) 224.3°, 10.9, 82.7
- Web Safe cccccc
#cccccc
- CIE-LAB 78.449, 1.272, -9.206
- XYZ 51.786, 53.978, 69.315
- xyY 0.296, 0.308, 53.978
- CIE-LCH 78.449, 9.294, 277.864
- CIE-LUV 78.449, -4.219, -14.341
- Hunter-Lab 73.47, -2.752, -4.509
- Binary 10111100, 11000010, 11010011
Color Schemes with #bcc2d3
#bcc2d3 in action
This text has a font color of #bcc2d3.
<span style="color:#bcc2d3;">Text here</span>
This paragraph has a background color of #bcc2d3.
<p style="background-color:#bcc2d3;">Content here</p>
This element has a border color of #bcc2d3.
<div style="border:1px solid #bcc2d3;">Content here</div>
.text {color:#bcc2d3;}
.background {background-color:#bcc2d3;}
.border {border:1px solid #bcc2d3;}
Shades of #bcc2d3
- #030304 #030304
rgb(3,3,4) - #12151c #12151c
rgb(18,21,28) - #222633 #222633
rgb(34,38,51) - #31384b #31384b
rgb(49,56,75) - #414a63 #414a63
rgb(65,74,99) - #505b7a #505b7a
rgb(80,91,122) - #606d92 #606d92
rgb(96,109,146) - #7581a4 #7581a4
rgb(117,129,164) - #8d97b4 #8d97b4
rgb(141,151,180) - #a4acc3 #a4acc3
rgb(164,172,195) - #bcc2d3 #bcc2d3
rgb(188,194,211) - #d4d8e3 #d4d8e3
rgb(212,216,227) - #ebedf2 #ebedf2
rgb(235,237,242)
Color Blindness Simulator
Below, you can see how #bcc2d3 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.
