#bdd3f4 Color Information
In a RGB color space, hex #bdd3f4 is composed of 74.1% red, 82.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 13.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 216 degrees, a saturation of 71.4% and a lightness of 84.9%. #bdd3f4 color hex could be obtained by blending #ffffff with #7ba7e9. Closest websafe color is: #ccccff.
-
- R 74
- G 83
- B 96
-
- C 23
- M 14
- Y 0
- K 4
● #bdd3f4 color description : Very soft blue.
#bdd3f4 Color Conversion
The hexadecimal color #bdd3f4 has RGB values of R:189, G:211, B:244 and CMYK values of C:0.23, M:0.14, Y:0, K:0.04. Its decimal value is 12440564.
Hex triplet | bdd3f4 | #bdd3f4 |
---|---|---|
RGB Decimal | 189, 211, 244 | rgb(189,211,244) |
RGB Percent | 74.1, 82.7, 95.7 | rgb(74.1%,82.7%,95.7%) |
CMYK | 23, 14, 0, 4 | |
HSL | 216°, 71.4, 84.9 | hsl(216,71.4%,84.9%) |
HSV (or HSB) | 216°, 22.5, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 83.933, -0.39, -18.631 |
---|---|
XYZ | 60.606, 63.938, 94.731 |
xyY | 0.276, 0.292, 63.938 |
CIE-LCH | 83.933, 18.635, 268.802 |
CIE-LUV | 83.933, -12.998, -29.463 |
Hunter-Lab | 79.961, -4.638, -14.269 |
Binary | 10111101, 11010011, 11110100 |
Color Schemes with #bdd3f4
Alternatives to #bdd3f4
Below, you can see some colors close to #bdd3f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bdd3f4 Preview
This text has a font color of #bdd3f4.
<span style="color:#bdd3f4;">Text here</span>
This paragraph has a background color of #bdd3f4.
<p style="background-color:#bdd3f4;">Content here</p>
This element has a border color of #bdd3f4.
<div style="border:1px solid #bdd3f4;">Content here</div>
.text {color:#bdd3f4;}
.background {background-color:#bdd3f4;}
.border {border:1px solid #bdd3f4;}
Shades and Tints of #bdd3f4
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, #000101 is the darkest color, while #eff5fc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030912
#030912
rgb(3,9,18)
-
#061123
#061123
rgb(6,17,35)
-
#091a34
#091a34
rgb(9,26,52)
-
#0b2245
#0b2245
rgb(11,34,69)
-
#0e2b55
#0e2b55
rgb(14,43,85)
-
#113366
#113366
rgb(17,51,102)
-
#143b77
#143b77
rgb(20,59,119)
-
#174488
#174488
rgb(23,68,136)
-
#194c99
#194c99
rgb(25,76,153)
-
#1c55a9
#1c55a9
rgb(28,85,169)
-
#1f5dba
#1f5dba
rgb(31,93,186)
-
#2266cb
#2266cb
rgb(34,102,203)
-
#266edb
#266edb
rgb(38,110,219)
-
#3679de
#3679de
rgb(54,121,222)
-
#4785e0
#4785e0
rgb(71,133,224)
-
#5890e3
#5890e3
rgb(88,144,227)
-
#699be6
#699be6
rgb(105,155,230)
-
#7aa6e9
#7aa6e9
rgb(122,166,233)
-
#8bb1ec
#8bb1ec
rgb(139,177,236)
-
#9bbdee
#9bbdee
rgb(155,189,238)
-
#acc8f1
#acc8f1
rgb(172,200,241)
-
#bdd3f4
#bdd3f4
rgb(189,211,244)
-
#cedef7
#cedef7
rgb(206,222,247)
-
#dfe9fa
#dfe9fa
rgb(223,233,250)
-
#eff5fc
#eff5fc
rgb(239,245,252)
Tones of #bdd3f4
A tone is produced by adding gray to any pure hue. In this case, #d8d8d9 is the less saturated color, while #b4d1fd is the most saturated one.
-
#d8d8d9
#d8d8d9
rgb(216,216,217)
-
#d5d8dc
#d5d8dc
rgb(213,216,220)
-
#d2d7df
#d2d7df
rgb(210,215,223)
-
#cfd7e2
#cfd7e2
rgb(207,215,226)
-
#ccd6e5
#ccd6e5
rgb(204,214,229)
-
#c9d5e8
#c9d5e8
rgb(201,213,232)
-
#c6d5eb
#c6d5eb
rgb(198,213,235)
-
#c3d4ee
#c3d4ee
rgb(195,212,238)
-
#c0d4f1
#c0d4f1
rgb(192,212,241)
-
#bdd3f4
#bdd3f4
rgb(189,211,244)
-
#bad2f7
#bad2f7
rgb(186,210,247)
-
#b7d2fa
#b7d2fa
rgb(183,210,250)
-
#b4d1fd
#b4d1fd
rgb(180,209,253)
Color Blindness Simulator
Below, you can see how #bdd3f4 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.