#bad4ff Color Information
In a RGB color space, hex #bad4ff is composed of 72.9% red, 83.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 16.9% magenta, 0% yellow and 0% black. It has a hue angle of 217.4 degrees, a saturation of 100% and a lightness of 86.5%. #bad4ff color hex could be obtained by blending #ffffff with #75a9ff. Closest websafe color is: #ccccff.
-
- R 73
- G 83
- B 100
-
- C 27
- M 17
- Y 0
- K 0
● #bad4ff color description : Pale blue.
#bad4ff Color Conversion
The hexadecimal color #bad4ff has RGB values of R:186, G:212, B:255 and CMYK values of C:0.27, M:0.17, Y:0, K:0. Its decimal value is 12244223.
Hex triplet | bad4ff | #bad4ff |
---|---|---|
RGB Decimal | 186, 212, 255 | rgb(186,212,255) |
RGB Percent | 72.9, 83.1, 100 | rgb(72.9%,83.1%,100%) |
CMYK | 27, 17, 0, 0 | |
HSL | 217.4°, 100, 86.5 | hsl(217.4,100%,86.5%) |
HSV (or HSB) | 217.4°, 27.1, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.352, 0.705, -23.843 |
---|---|
XYZ | 61.839, 64.745, 103.841 |
xyY | 0.268, 0.281, 64.745 |
CIE-LCH | 84.352, 23.854, 271.695 |
CIE-LUV | 84.352, -15.206, -38.325 |
Hunter-Lab | 80.464, -3.629, -20.191 |
Binary | 10111010, 11010100, 11111111 |
Color Schemes with #bad4ff
Alternatives to #bad4ff
Below, you can see some colors close to #bad4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bad4ff Preview
This text has a font color of #bad4ff.
<span style="color:#bad4ff;">Text here</span>
This paragraph has a background color of #bad4ff.
<p style="background-color:#bad4ff;">Content here</p>
This element has a border color of #bad4ff.
<div style="border:1px solid #bad4ff;">Content here</div>
.text {color:#bad4ff;}
.background {background-color:#bad4ff;}
.border {border:1px solid #bad4ff;}
Shades and Tints of #bad4ff
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)
-
#001231
#001231
rgb(0,18,49)
-
#001a44
#001a44
rgb(0,26,68)
-
#002158
#002158
rgb(0,33,88)
-
#00296c
#00296c
rgb(0,41,108)
-
#00307f
#00307f
rgb(0,48,127)
-
#003793
#003793
rgb(0,55,147)
-
#003fa6
#003fa6
rgb(0,63,166)
-
#0046ba
#0046ba
rgb(0,70,186)
-
#004dce
#004dce
rgb(0,77,206)
-
#0055e1
#0055e1
rgb(0,85,225)
-
#005cf5
#005cf5
rgb(0,92,245)
-
#0966ff
#0966ff
rgb(9,102,255)
-
#1d72ff
#1d72ff
rgb(29,114,255)
-
#317eff
#317eff
rgb(49,126,255)
-
#448bff
#448bff
rgb(68,139,255)
-
#5897ff
#5897ff
rgb(88,151,255)
-
#6ca3ff
#6ca3ff
rgb(108,163,255)
-
#7fafff
#7fafff
rgb(127,175,255)
-
#93bcff
#93bcff
rgb(147,188,255)
-
#a6c8ff
#a6c8ff
rgb(166,200,255)
-
#bad4ff
#bad4ff
rgb(186,212,255)
-
#cee0ff
#cee0ff
rgb(206,224,255)
-
#e1ecff
#e1ecff
rgb(225,236,255)
-
#f5f9ff
#f5f9ff
rgb(245,249,255)
Tones of #bad4ff
A tone is produced by adding gray to any pure hue. In this case, #dadcdf is the less saturated color, while #bad4ff 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)
-
#cfd9ea
#cfd9ea
rgb(207,217,234)
-
#cdd9ec
#cdd9ec
rgb(205,217,236)
-
#cad8ef
#cad8ef
rgb(202,216,239)
-
#c7d7f2
#c7d7f2
rgb(199,215,242)
-
#c5d7f4
#c5d7f4
rgb(197,215,244)
-
#c2d6f7
#c2d6f7
rgb(194,214,247)
-
#bfd5fa
#bfd5fa
rgb(191,213,250)
-
#bdd5fc
#bdd5fc
rgb(189,213,252)
-
#bad4ff
#bad4ff
rgb(186,212,255)
Color Blindness Simulator
Below, you can see how #bad4ff 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.