#bad5ff Color Information
In a RGB color space, hex #bad5ff is composed of 72.9% red, 83.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 16.5% magenta, 0% yellow and 0% black. It has a hue angle of 216.5 degrees, a saturation of 100% and a lightness of 86.5%. #bad5ff color hex could be obtained by blending #ffffff with #75abff. Closest websafe color is: #ccccff.
-
- R 73
- G 84
- B 100
-
- C 27
- M 16
- Y 0
- K 0
● #bad5ff color description : Pale blue.
#bad5ff Color Conversion
The hexadecimal color #bad5ff has RGB values of R:186, G:213, B:255 and CMYK values of C:0.27, M:0.16, Y:0, K:0. Its decimal value is 12244479.
Hex triplet | bad5ff | #bad5ff |
---|---|---|
RGB Decimal | 186, 213, 255 | rgb(186,213,255) |
RGB Percent | 72.9, 83.5, 100 | rgb(72.9%,83.5%,100%) |
CMYK | 27, 16, 0, 0 | |
HSL | 216.5°, 100, 86.5 | hsl(216.5,100%,86.5%) |
HSV (or HSB) | 216.5°, 27.1, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.61, 0.176, -23.451 |
---|---|
XYZ | 62.09, 65.246, 103.925 |
xyY | 0.268, 0.282, 65.246 |
CIE-LCH | 84.61, 23.451, 270.431 |
CIE-LUV | 84.61, -15.637, -37.6 |
Hunter-Lab | 80.775, -4.147, -19.74 |
Binary | 10111010, 11010101, 11111111 |
Color Schemes with #bad5ff
Alternatives to #bad5ff
Below, you can see some colors close to #bad5ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bad5ff Preview
This text has a font color of #bad5ff.
<span style="color:#bad5ff;">Text here</span>
This paragraph has a background color of #bad5ff.
<p style="background-color:#bad5ff;">Content here</p>
This element has a border color of #bad5ff.
<div style="border:1px solid #bad5ff;">Content here</div>
.text {color:#bad5ff;}
.background {background-color:#bad5ff;}
.border {border:1px solid #bad5ff;}
Shades and Tints of #bad5ff
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, #000409 is the darkest color, while #f5f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#000b1d
#000b1d
rgb(0,11,29)
-
#001331
#001331
rgb(0,19,49)
-
#001b44
#001b44
rgb(0,27,68)
-
#002258
#002258
rgb(0,34,88)
-
#002a6c
#002a6c
rgb(0,42,108)
-
#00327f
#00327f
rgb(0,50,127)
-
#003993
#003993
rgb(0,57,147)
-
#0041a6
#0041a6
rgb(0,65,166)
-
#0049ba
#0049ba
rgb(0,73,186)
-
#0050ce
#0050ce
rgb(0,80,206)
-
#0058e1
#0058e1
rgb(0,88,225)
-
#0060f5
#0060f5
rgb(0,96,245)
-
#096aff
#096aff
rgb(9,106,255)
-
#1d75ff
#1d75ff
rgb(29,117,255)
-
#3181ff
#3181ff
rgb(49,129,255)
-
#448dff
#448dff
rgb(68,141,255)
-
#5899ff
#5899ff
rgb(88,153,255)
-
#6ca5ff
#6ca5ff
rgb(108,165,255)
-
#7fb1ff
#7fb1ff
rgb(127,177,255)
-
#93bdff
#93bdff
rgb(147,189,255)
-
#a6c9ff
#a6c9ff
rgb(166,201,255)
-
#bad5ff
#bad5ff
rgb(186,213,255)
-
#cee1ff
#cee1ff
rgb(206,225,255)
-
#e1edff
#e1edff
rgb(225,237,255)
-
#f5f9ff
#f5f9ff
rgb(245,249,255)
Tones of #bad5ff
A tone is produced by adding gray to any pure hue. In this case, #dadcdf is the less saturated color, while #bad5ff is the most saturated one.
-
#dadcdf
#dadcdf
rgb(218,220,223)
-
#d7dbe2
#d7dbe2
rgb(215,219,226)
-
#d5dbe4
#d5dbe4
rgb(213,219,228)
-
#d2dae7
#d2dae7
rgb(210,218,231)
-
#cfdaea
#cfdaea
rgb(207,218,234)
-
#cdd9ec
#cdd9ec
rgb(205,217,236)
-
#cad8ef
#cad8ef
rgb(202,216,239)
-
#c7d8f2
#c7d8f2
rgb(199,216,242)
-
#c5d7f4
#c5d7f4
rgb(197,215,244)
-
#c2d7f7
#c2d7f7
rgb(194,215,247)
-
#bfd6fa
#bfd6fa
rgb(191,214,250)
-
#bdd6fc
#bdd6fc
rgb(189,214,252)
-
#bad5ff
#bad5ff
rgb(186,213,255)
Color Blindness Simulator
Below, you can see how #bad5ff 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.