#baccfe Color Information
In a RGB color space, hex #baccfe is composed of 72.9% red, 80% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 19.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 224.1 degrees, a saturation of 97.1% and a lightness of 86.3%. #baccfe color hex could be obtained by blending #ffffff with #7599fd. Closest websafe color is: #ccccff.
-
- R 73
- G 80
- B 100
-
- C 27
- M 20
- Y 0
- K 0
● #baccfe color description : Very soft blue.
#baccfe Color Conversion
The hexadecimal color #baccfe has RGB values of R:186, G:204, B:254 and CMYK values of C:0.27, M:0.2, Y:0, K:0. Its decimal value is 12242174.
Hex triplet | baccfe | #baccfe |
---|---|---|
RGB Decimal | 186, 204, 254 | rgb(186,204,254) |
RGB Percent | 72.9, 80, 99.6 | rgb(72.9%,80%,99.6%) |
CMYK | 27, 20, 0, 0 | |
HSL | 224.1°, 97.1, 86.3 | hsl(224.1,97.1%,86.3%) |
HSV (or HSB) | 224.1°, 26.8, 99.6 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 82.26, 4.735, -26.5 |
---|---|
XYZ | 59.728, 60.779, 102.345 |
xyY | 0.268, 0.273, 60.779 |
CIE-LCH | 82.26, 26.92, 280.131 |
CIE-LUV | 82.26, -11.724, -43.272 |
Hunter-Lab | 77.961, 0.322, -23.261 |
Binary | 10111010, 11001100, 11111110 |
Color Schemes with #baccfe
Alternatives to #baccfe
Below, you can see some colors close to #baccfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baccfe Preview
This text has a font color of #baccfe.
<span style="color:#baccfe;">Text here</span>
This paragraph has a background color of #baccfe.
<p style="background-color:#baccfe;">Content here</p>
This element has a border color of #baccfe.
<div style="border:1px solid #baccfe;">Content here</div>
.text {color:#baccfe;}
.background {background-color:#baccfe;}
.border {border:1px solid #baccfe;}
Shades and Tints of #baccfe
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, #000208 is the darkest color, while #f4f7ff is the lightest one.
-
#000208
#000208
rgb(0,2,8)
-
#00081c
#00081c
rgb(0,8,28)
-
#010d2f
#010d2f
rgb(1,13,47)
-
#011242
#011242
rgb(1,18,66)
-
#011856
#011856
rgb(1,24,86)
-
#021d69
#021d69
rgb(2,29,105)
-
#02227c
#02227c
rgb(2,34,124)
-
#022890
#022890
rgb(2,40,144)
-
#022da3
#022da3
rgb(2,45,163)
-
#0332b6
#0332b6
rgb(3,50,182)
-
#0338ca
#0338ca
rgb(3,56,202)
-
#033ddd
#033ddd
rgb(3,61,221)
-
#0342f0
#0342f0
rgb(3,66,240)
-
#0c4bfb
#0c4bfb
rgb(12,75,251)
-
#1f5afc
#1f5afc
rgb(31,90,252)
-
#3368fc
#3368fc
rgb(51,104,252)
-
#4676fc
#4676fc
rgb(70,118,252)
-
#5985fd
#5985fd
rgb(89,133,253)
-
#6d93fd
#6d93fd
rgb(109,147,253)
-
#80a1fd
#80a1fd
rgb(128,161,253)
-
#93affd
#93affd
rgb(147,175,253)
-
#a7befe
#a7befe
rgb(167,190,254)
-
#baccfe
#baccfe
rgb(186,204,254)
-
#cddafe
#cddafe
rgb(205,218,254)
-
#e1e9ff
#e1e9ff
rgb(225,233,255)
-
#f4f7ff
#f4f7ff
rgb(244,247,255)
Tones of #baccfe
A tone is produced by adding gray to any pure hue. In this case, #dadbde is the less saturated color, while #baccfe is the most saturated one.
-
#dadbde
#dadbde
rgb(218,219,222)
-
#d8dae0
#d8dae0
rgb(216,218,224)
-
#d5d9e3
#d5d9e3
rgb(213,217,227)
-
#d2d7e6
#d2d7e6
rgb(210,215,230)
-
#d0d6e8
#d0d6e8
rgb(208,214,232)
-
#cdd5eb
#cdd5eb
rgb(205,213,235)
-
#cad4ee
#cad4ee
rgb(202,212,238)
-
#c7d2f1
#c7d2f1
rgb(199,210,241)
-
#c5d1f3
#c5d1f3
rgb(197,209,243)
-
#c2d0f6
#c2d0f6
rgb(194,208,246)
-
#bfcff9
#bfcff9
rgb(191,207,249)
-
#bdcdfb
#bdcdfb
rgb(189,205,251)
-
#baccfe
#baccfe
rgb(186,204,254)
Color Blindness Simulator
Below, you can see how #baccfe 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.