#badbf0 Color Information
In a RGB color space, hex #badbf0 is composed of 72.9% red, 85.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 8.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 203.3 degrees, a saturation of 64.3% and a lightness of 83.5%. #badbf0 color hex could be obtained by blending #ffffff with #75b7e1. Closest websafe color is: #ccccff.
-
- R 73
- G 86
- B 94
-
- C 23
- M 9
- Y 0
- K 6
● #badbf0 color description : Very soft blue.
#badbf0 Color Conversion
The hexadecimal color #badbf0 has RGB values of R:186, G:219, B:240 and CMYK values of C:0.23, M:0.09, Y:0, K:0.06. Its decimal value is 12246000.
Hex triplet | badbf0 | #badbf0 |
---|---|---|
RGB Decimal | 186, 219, 240 | rgb(186,219,240) |
RGB Percent | 72.9, 85.9, 94.1 | rgb(72.9%,85.9%,94.1%) |
CMYK | 23, 9, 0, 6 | |
HSL | 203.3°, 64.3, 83.5 | hsl(203.3,64.3%,83.5%) |
HSV (or HSB) | 203.3°, 22.5, 94.1 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 85.701, -6.361, -13.874 |
---|---|
XYZ | 61.306, 67.392, 92.211 |
xyY | 0.278, 0.305, 67.392 |
CIE-LCH | 85.701, 15.263, 245.37 |
CIE-LUV | 85.701, -17.863, -20.793 |
Hunter-Lab | 82.093, -10.36, -9.133 |
Binary | 10111010, 11011011, 11110000 |
Color Schemes with #badbf0
Alternatives to #badbf0
Below, you can see some colors close to #badbf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#badbf0 Preview
This text has a font color of #badbf0.
<span style="color:#badbf0;">Text here</span>
This paragraph has a background color of #badbf0.
<p style="background-color:#badbf0;">Content here</p>
This element has a border color of #badbf0.
<div style="border:1px solid #badbf0;">Content here</div>
.text {color:#badbf0;}
.background {background-color:#badbf0;}
.border {border:1px solid #badbf0;}
Shades and Tints of #badbf0
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, #03080c is the darkest color, while #fafdfe is the lightest one.
-
#03080c
#03080c
rgb(3,8,12)
-
#06131c
#06131c
rgb(6,19,28)
-
#0a1e2c
#0a1e2c
rgb(10,30,44)
-
#0d2a3c
#0d2a3c
rgb(13,42,60)
-
#11354c
#11354c
rgb(17,53,76)
-
#14405c
#14405c
rgb(20,64,92)
-
#184b6c
#184b6c
rgb(24,75,108)
-
#1b577c
#1b577c
rgb(27,87,124)
-
#1f628c
#1f628c
rgb(31,98,140)
-
#226d9d
#226d9d
rgb(34,109,157)
-
#2678ad
#2678ad
rgb(38,120,173)
-
#2983bd
#2983bd
rgb(41,131,189)
-
#2d8fcd
#2d8fcd
rgb(45,143,205)
-
#3998d4
#3998d4
rgb(57,152,212)
-
#49a0d7
#49a0d7
rgb(73,160,215)
-
#59a9db
#59a9db
rgb(89,169,219)
-
#69b1de
#69b1de
rgb(105,177,222)
-
#7ab9e2
#7ab9e2
rgb(122,185,226)
-
#8ac2e5
#8ac2e5
rgb(138,194,229)
-
#9acae9
#9acae9
rgb(154,202,233)
-
#aad3ec
#aad3ec
rgb(170,211,236)
-
#badbf0
#badbf0
rgb(186,219,240)
-
#cae3f4
#cae3f4
rgb(202,227,244)
-
#daecf7
#daecf7
rgb(218,236,247)
-
#eaf4fb
#eaf4fb
rgb(234,244,251)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #badbf0
A tone is produced by adding gray to any pure hue. In this case, #d4d5d6 is the less saturated color, while #addefd is the most saturated one.
-
#d4d5d6
#d4d5d6
rgb(212,213,214)
-
#d1d6d9
#d1d6d9
rgb(209,214,217)
-
#cdd7dd
#cdd7dd
rgb(205,215,221)
-
#cad7e0
#cad7e0
rgb(202,215,224)
-
#c7d8e3
#c7d8e3
rgb(199,216,227)
-
#c4d9e6
#c4d9e6
rgb(196,217,230)
-
#c0daea
#c0daea
rgb(192,218,234)
-
#bddaed
#bddaed
rgb(189,218,237)
-
#badbf0
#badbf0
rgb(186,219,240)
-
#b7dcf3
#b7dcf3
rgb(183,220,243)
-
#b4dcf6
#b4dcf6
rgb(180,220,246)
-
#b0ddfa
#b0ddfa
rgb(176,221,250)
-
#addefd
#addefd
rgb(173,222,253)
Color Blindness Simulator
Below, you can see how #badbf0 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.