#badbec Color Information
In a RGB color space, hex #badbec is composed of 72.9% red, 85.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 7.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 200.4 degrees, a saturation of 56.8% and a lightness of 82.7%. #badbec color hex could be obtained by blending #ffffff with #75b7d9. Closest websafe color is: #ccccff.
-
- R 73
- G 86
- B 93
-
- C 21
- M 7
- Y 0
- K 7
● #badbec color description : Very soft blue.
#badbec Color Conversion
The hexadecimal color #badbec has RGB values of R:186, G:219, B:236 and CMYK values of C:0.21, M:0.07, Y:0, K:0.07. Its decimal value is 12245996.
Hex triplet | badbec | #badbec |
---|---|---|
RGB Decimal | 186, 219, 236 | rgb(186,219,236) |
RGB Percent | 72.9, 85.9, 92.5 | rgb(72.9%,85.9%,92.5%) |
CMYK | 21, 7, 0, 7 | |
HSL | 200.4°, 56.8, 82.7 | hsl(200.4,56.8%,82.7%) |
HSV (or HSB) | 200.4°, 21.2, 92.5 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 85.583, -7.235, -11.937 |
---|---|
XYZ | 60.718, 67.157, 89.116 |
xyY | 0.28, 0.309, 67.157 |
CIE-LCH | 85.583, 13.959, 238.778 |
CIE-LUV | 85.583, -17.767, -17.507 |
Hunter-Lab | 81.949, -11.156, -7.11 |
Binary | 10111010, 11011011, 11101100 |
Color Schemes with #badbec
Alternatives to #badbec
Below, you can see some colors close to #badbec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#badbec Preview
This text has a font color of #badbec.
<span style="color:#badbec;">Text here</span>
This paragraph has a background color of #badbec.
<p style="background-color:#badbec;">Content here</p>
This element has a border color of #badbec.
<div style="border:1px solid #badbec;">Content here</div>
.text {color:#badbec;}
.background {background-color:#badbec;}
.border {border:1px solid #badbec;}
Shades and Tints of #badbec
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, #020608 is the darkest color, while #f8fbfd is the lightest one.
-
#020608
#020608
rgb(2,6,8)
-
#061217
#061217
rgb(6,18,23)
-
#0b1d27
#0b1d27
rgb(11,29,39)
-
#0f2936
#0f2936
rgb(15,41,54)
-
#133445
#133445
rgb(19,52,69)
-
#174055
#174055
rgb(23,64,85)
-
#1c4c64
#1c4c64
rgb(28,76,100)
-
#205774
#205774
rgb(32,87,116)
-
#246383
#246383
rgb(36,99,131)
-
#286e92
#286e92
rgb(40,110,146)
-
#2d7aa2
#2d7aa2
rgb(45,122,162)
-
#3185b1
#3185b1
rgb(49,133,177)
-
#3591c0
#3591c0
rgb(53,145,192)
-
#3f9bca
#3f9bca
rgb(63,155,202)
-
#4ea3ce
#4ea3ce
rgb(78,163,206)
-
#5eabd3
#5eabd3
rgb(94,171,211)
-
#6db3d7
#6db3d7
rgb(109,179,215)
-
#7cbbdb
#7cbbdb
rgb(124,187,219)
-
#8cc3df
#8cc3df
rgb(140,195,223)
-
#9bcbe4
#9bcbe4
rgb(155,203,228)
-
#abd3e8
#abd3e8
rgb(171,211,232)
-
#badbec
#badbec
rgb(186,219,236)
-
#c9e3f0
#c9e3f0
rgb(201,227,240)
-
#d9ebf4
#d9ebf4
rgb(217,235,244)
-
#e8f3f9
#e8f3f9
rgb(232,243,249)
-
#f8fbfd
#f8fbfd
rgb(248,251,253)
Tones of #badbec
A tone is produced by adding gray to any pure hue. In this case, #d2d3d4 is the less saturated color, while #a9e0fd is the most saturated one.
-
#d2d3d4
#d2d3d4
rgb(210,211,212)
-
#ced5d8
#ced5d8
rgb(206,213,216)
-
#cbd6db
#cbd6db
rgb(203,214,219)
-
#c8d7de
#c8d7de
rgb(200,215,222)
-
#c4d8e2
#c4d8e2
rgb(196,216,226)
-
#c1d9e5
#c1d9e5
rgb(193,217,229)
-
#bddae9
#bddae9
rgb(189,218,233)
-
#badbec
#badbec
rgb(186,219,236)
-
#b7dcef
#b7dcef
rgb(183,220,239)
-
#b3ddf3
#b3ddf3
rgb(179,221,243)
-
#b0def6
#b0def6
rgb(176,222,246)
-
#acdffa
#acdffa
rgb(172,223,250)
-
#a9e0fd
#a9e0fd
rgb(169,224,253)
Color Blindness Simulator
Below, you can see how #badbec 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.