#bad4f2 Color Information
In a RGB color space, hex #bad4f2 is composed of 72.9% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.1 degrees, a saturation of 68.3% and a lightness of 83.9%. #bad4f2 color hex could be obtained by blending #ffffff with #75a9e5. Closest websafe color is: #ccccff.
-
- R 73
- G 83
- B 95
-
- C 23
- M 12
- Y 0
- K 5
● #bad4f2 color description : Very soft blue.
#bad4f2 Color Conversion
The hexadecimal color #bad4f2 has RGB values of R:186, G:212, B:242 and CMYK values of C:0.23, M:0.12, Y:0, K:0.05. Its decimal value is 12244210.
Hex triplet | bad4f2 | #bad4f2 |
---|---|---|
RGB Decimal | 186, 212, 242 | rgb(186,212,242) |
RGB Percent | 72.9, 83.1, 94.9 | rgb(72.9%,83.1%,94.9%) |
CMYK | 23, 12, 0, 5 | |
HSL | 212.1°, 68.3, 83.9 | hsl(212.1,68.3%,83.9%) |
HSV (or HSB) | 212.1°, 23.1, 94.9 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 83.932, -2.261, -17.591 |
---|---|
XYZ | 59.817, 63.936, 93.189 |
xyY | 0.276, 0.295, 63.936 |
CIE-LCH | 83.932, 17.736, 262.675 |
CIE-LUV | 83.932, -14.8, -27.459 |
Hunter-Lab | 79.96, -6.396, -13.127 |
Binary | 10111010, 11010100, 11110010 |
Color Schemes with #bad4f2
Alternatives to #bad4f2
Below, you can see some colors close to #bad4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bad4f2 Preview
This text has a font color of #bad4f2.
<span style="color:#bad4f2;">Text here</span>
This paragraph has a background color of #bad4f2.
<p style="background-color:#bad4f2;">Content here</p>
This element has a border color of #bad4f2.
<div style="border:1px solid #bad4f2;">Content here</div>
.text {color:#bad4f2;}
.background {background-color:#bad4f2;}
.border {border:1px solid #bad4f2;}
Shades and Tints of #bad4f2
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, #03080e is the darkest color, while #fcfdfe is the lightest one.
-
#03080e
#03080e
rgb(3,8,14)
-
#06111e
#06111e
rgb(6,17,30)
-
#091a2f
#091a2f
rgb(9,26,47)
-
#0c243f
#0c243f
rgb(12,36,63)
-
#0f2d50
#0f2d50
rgb(15,45,80)
-
#123660
#123660
rgb(18,54,96)
-
#154071
#154071
rgb(21,64,113)
-
#184981
#184981
rgb(24,73,129)
-
#1b5292
#1b5292
rgb(27,82,146)
-
#1f5ca2
#1f5ca2
rgb(31,92,162)
-
#2265b3
#2265b3
rgb(34,101,179)
-
#256ec3
#256ec3
rgb(37,110,195)
-
#2878d4
#2878d4
rgb(40,120,212)
-
#3682d9
#3682d9
rgb(54,130,217)
-
#468cdc
#468cdc
rgb(70,140,220)
-
#5796df
#5796df
rgb(87,150,223)
-
#67a1e2
#67a1e2
rgb(103,161,226)
-
#78abe6
#78abe6
rgb(120,171,230)
-
#88b5e9
#88b5e9
rgb(136,181,233)
-
#99bfec
#99bfec
rgb(153,191,236)
-
#a9caef
#a9caef
rgb(169,202,239)
-
#bad4f2
#bad4f2
rgb(186,212,242)
-
#cbdef5
#cbdef5
rgb(203,222,245)
-
#dbe9f8
#dbe9f8
rgb(219,233,248)
-
#ecf3fb
#ecf3fb
rgb(236,243,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #bad4f2
A tone is produced by adding gray to any pure hue. In this case, #d3d6d9 is the less saturated color, while #add3ff is the most saturated one.
-
#d3d6d9
#d3d6d9
rgb(211,214,217)
-
#d0d6dc
#d0d6dc
rgb(208,214,220)
-
#cdd5df
#cdd5df
rgb(205,213,223)
-
#cad5e2
#cad5e2
rgb(202,213,226)
-
#c7d5e5
#c7d5e5
rgb(199,213,229)
-
#c3d5e9
#c3d5e9
rgb(195,213,233)
-
#c0d4ec
#c0d4ec
rgb(192,212,236)
-
#bdd4ef
#bdd4ef
rgb(189,212,239)
-
#bad4f2
#bad4f2
rgb(186,212,242)
-
#b7d4f5
#b7d4f5
rgb(183,212,245)
-
#b4d4f8
#b4d4f8
rgb(180,212,248)
-
#b1d3fb
#b1d3fb
rgb(177,211,251)
-
#add3ff
#add3ff
rgb(173,211,255)
Color Blindness Simulator
Below, you can see how #bad4f2 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.