#badff1 Color Information
In a RGB color space, hex #badff1 is composed of 72.9% red, 87.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 7.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 199.6 degrees, a saturation of 66.3% and a lightness of 83.7%. #badff1 color hex could be obtained by blending #ffffff with #75bfe3. Closest websafe color is: #ccccff.
-
- R 73
- G 87
- B 95
-
- C 23
- M 7
- Y 0
- K 5
● #badff1 color description : Very soft blue.
#badff1 Color Conversion
The hexadecimal color #badff1 has RGB values of R:186, G:223, B:241 and CMYK values of C:0.23, M:0.07, Y:0, K:0.05. Its decimal value is 12247025.
Hex triplet | badff1 | #badff1 |
---|---|---|
RGB Decimal | 186, 223, 241 | rgb(186,223,241) |
RGB Percent | 72.9, 87.5, 94.5 | rgb(72.9%,87.5%,94.5%) |
CMYK | 23, 7, 0, 5 | |
HSL | 199.6°, 66.3, 83.7 | hsl(199.6,66.3%,83.7%) |
HSV (or HSB) | 199.6°, 22.8, 94.5 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 86.782, -8.208, -12.785 |
---|---|
XYZ | 62.511, 69.564, 93.348 |
xyY | 0.277, 0.309, 69.564 |
CIE-LCH | 86.782, 15.193, 237.3 |
CIE-LUV | 86.782, -19.669, -18.758 |
Hunter-Lab | 83.405, -12.175, -7.975 |
Binary | 10111010, 11011111, 11110001 |
Color Schemes with #badff1
Alternatives to #badff1
Below, you can see some colors close to #badff1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#badff1 Preview
This text has a font color of #badff1.
<span style="color:#badff1;">Text here</span>
This paragraph has a background color of #badff1.
<p style="background-color:#badff1;">Content here</p>
This element has a border color of #badff1.
<div style="border:1px solid #badff1;">Content here</div>
.text {color:#badff1;}
.background {background-color:#badff1;}
.border {border:1px solid #badff1;}
Shades and Tints of #badff1
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, #03090d is the darkest color, while #fbfdfe is the lightest one.
-
#03090d
#03090d
rgb(3,9,13)
-
#06151d
#06151d
rgb(6,21,29)
-
#09212d
#09212d
rgb(9,33,45)
-
#0c2d3d
#0c2d3d
rgb(12,45,61)
-
#10394e
#10394e
rgb(16,57,78)
-
#13465e
#13465e
rgb(19,70,94)
-
#16526e
#16526e
rgb(22,82,110)
-
#1a5e7f
#1a5e7f
rgb(26,94,127)
-
#1d6a8f
#1d6a8f
rgb(29,106,143)
-
#20769f
#20769f
rgb(32,118,159)
-
#2482b0
#2482b0
rgb(36,130,176)
-
#278ec0
#278ec0
rgb(39,142,192)
-
#2a9ad0
#2a9ad0
rgb(42,154,208)
-
#38a2d7
#38a2d7
rgb(56,162,215)
-
#48aada
#48aada
rgb(72,170,218)
-
#58b2dd
#58b2dd
rgb(88,178,221)
-
#68b9e0
#68b9e0
rgb(104,185,224)
-
#79c1e4
#79c1e4
rgb(121,193,228)
-
#89c8e7
#89c8e7
rgb(137,200,231)
-
#99d0ea
#99d0ea
rgb(153,208,234)
-
#aad7ee
#aad7ee
rgb(170,215,238)
-
#badff1
#badff1
rgb(186,223,241)
-
#cae7f4
#cae7f4
rgb(202,231,244)
-
#dbeef8
#dbeef8
rgb(219,238,248)
-
#ebf6fb
#ebf6fb
rgb(235,246,251)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #badff1
A tone is produced by adding gray to any pure hue. In this case, #d4d6d7 is the less saturated color, while #ade3fe is the most saturated one.
-
#d4d6d7
#d4d6d7
rgb(212,214,215)
-
#d0d7db
#d0d7db
rgb(208,215,219)
-
#cdd8de
#cdd8de
rgb(205,216,222)
-
#cad9e1
#cad9e1
rgb(202,217,225)
-
#c7dbe4
#c7dbe4
rgb(199,219,228)
-
#c4dce7
#c4dce7
rgb(196,220,231)
-
#c0ddeb
#c0ddeb
rgb(192,221,235)
-
#bddeee
#bddeee
rgb(189,222,238)
-
#badff1
#badff1
rgb(186,223,241)
-
#b7e0f4
#b7e0f4
rgb(183,224,244)
-
#b4e1f7
#b4e1f7
rgb(180,225,247)
-
#b0e2fb
#b0e2fb
rgb(176,226,251)
-
#ade3fe
#ade3fe
rgb(173,227,254)
Color Blindness Simulator
Below, you can see how #badff1 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.