#bad5f9 Color Information
In a RGB color space, hex #bad5f9 is composed of 72.9% red, 83.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 14.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 214.3 degrees, a saturation of 84% and a lightness of 85.3%. #bad5f9 color hex could be obtained by blending #ffffff with #75abf3. Closest websafe color is: #ccccff.
-
- R 73
- G 84
- B 98
-
- C 25
- M 14
- Y 0
- K 2
● #bad5f9 color description : Very soft blue.
#bad5f9 Color Conversion
The hexadecimal color #bad5f9 has RGB values of R:186, G:213, B:249 and CMYK values of C:0.25, M:0.14, Y:0, K:0.02. Its decimal value is 12244473.
Hex triplet | bad5f9 | #bad5f9 |
---|---|---|
RGB Decimal | 186, 213, 249 | rgb(186,213,249) |
RGB Percent | 72.9, 83.5, 97.6 | rgb(72.9%,83.5%,97.6%) |
CMYK | 25, 14, 0, 2 | |
HSL | 214.3°, 84, 85.3 | hsl(214.3,84%,85.3%) |
HSV (or HSB) | 214.3°, 25.3, 97.6 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.415, -1.206, -20.573 |
---|---|
XYZ | 61.139, 64.866, 98.916 |
xyY | 0.272, 0.288, 64.866 |
CIE-LCH | 84.415, 20.608, 266.646 |
CIE-LUV | 84.415, -15.455, -32.574 |
Hunter-Lab | 80.539, -5.44, -16.441 |
Binary | 10111010, 11010101, 11111001 |
Color Schemes with #bad5f9
Alternatives to #bad5f9
Below, you can see some colors close to #bad5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bad5f9 Preview
This text has a font color of #bad5f9.
<span style="color:#bad5f9;">Text here</span>
This paragraph has a background color of #bad5f9.
<p style="background-color:#bad5f9;">Content here</p>
This element has a border color of #bad5f9.
<div style="border:1px solid #bad5f9;">Content here</div>
.text {color:#bad5f9;}
.background {background-color:#bad5f9;}
.border {border:1px solid #bad5f9;}
Shades and Tints of #bad5f9
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, #000203 is the darkest color, while #f0f6fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#020a15
#020a15
rgb(2,10,21)
-
#031327
#031327
rgb(3,19,39)
-
#051b39
#051b39
rgb(5,27,57)
-
#07244b
#07244b
rgb(7,36,75)
-
#082d5d
#082d5d
rgb(8,45,93)
-
#0a356f
#0a356f
rgb(10,53,111)
-
#0b3e82
#0b3e82
rgb(11,62,130)
-
#0d4794
#0d4794
rgb(13,71,148)
-
#0e4fa6
#0e4fa6
rgb(14,79,166)
-
#1058b8
#1058b8
rgb(16,88,184)
-
#1260ca
#1260ca
rgb(18,96,202)
-
#1369dc
#1369dc
rgb(19,105,220)
-
#1872eb
#1872eb
rgb(24,114,235)
-
#2a7dec
#2a7dec
rgb(42,125,236)
-
#3c88ee
#3c88ee
rgb(60,136,238)
-
#4e93f0
#4e93f0
rgb(78,147,240)
-
#609ef1
#609ef1
rgb(96,158,241)
-
#72a9f3
#72a9f3
rgb(114,169,243)
-
#84b4f4
#84b4f4
rgb(132,180,244)
-
#96bff6
#96bff6
rgb(150,191,246)
-
#a8caf7
#a8caf7
rgb(168,202,247)
-
#bad5f9
#bad5f9
rgb(186,213,249)
-
#cce0fb
#cce0fb
rgb(204,224,251)
-
#deebfc
#deebfc
rgb(222,235,252)
-
#f0f6fe
#f0f6fe
rgb(240,246,254)
Tones of #bad5f9
A tone is produced by adding gray to any pure hue. In this case, #d7d9dc is the less saturated color, while #b4d4ff is the most saturated one.
-
#d7d9dc
#d7d9dc
rgb(215,217,220)
-
#d4d9df
#d4d9df
rgb(212,217,223)
-
#d1d8e2
#d1d8e2
rgb(209,216,226)
-
#ced8e5
#ced8e5
rgb(206,216,229)
-
#cbd7e8
#cbd7e8
rgb(203,215,232)
-
#c8d7eb
#c8d7eb
rgb(200,215,235)
-
#c6d7ed
#c6d7ed
rgb(198,215,237)
-
#c3d6f0
#c3d6f0
rgb(195,214,240)
-
#c0d6f3
#c0d6f3
rgb(192,214,243)
-
#bdd5f6
#bdd5f6
rgb(189,213,246)
-
#bad5f9
#bad5f9
rgb(186,213,249)
-
#b7d5fc
#b7d5fc
rgb(183,213,252)
-
#b4d4ff
#b4d4ff
rgb(180,212,255)
Color Blindness Simulator
Below, you can see how #bad5f9 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.