#bddff3 Color Information
In a RGB color space, hex #bddff3 is composed of 74.1% red, 87.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 8.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 202.2 degrees, a saturation of 69.2% and a lightness of 84.7%. #bddff3 color hex could be obtained by blending #ffffff with #7bbfe7. Closest websafe color is: #ccccff.
-
- R 74
- G 87
- B 95
-
- C 22
- M 8
- Y 0
- K 5
● #bddff3 color description : Very soft blue.
#bddff3 Color Conversion
The hexadecimal color #bddff3 has RGB values of R:189, G:223, B:243 and CMYK values of C:0.22, M:0.08, Y:0, K:0.05. Its decimal value is 12443635.
Hex triplet | bddff3 | #bddff3 |
---|---|---|
RGB Decimal | 189, 223, 243 | rgb(189,223,243) |
RGB Percent | 74.1, 87.5, 95.3 | rgb(74.1%,87.5%,95.3%) |
CMYK | 22, 8, 0, 5 | |
HSL | 202.2°, 69.2, 84.7 | hsl(202.2,69.2%,84.7%) |
HSV (or HSB) | 202.2°, 22.2, 95.3 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 87.028, -6.875, -13.452 |
---|---|
XYZ | 63.548, 70.064, 94.965 |
xyY | 0.278, 0.307, 70.064 |
CIE-LCH | 87.028, 15.107, 242.928 |
CIE-LUV | 87.028, -18.323, -20.062 |
Hunter-Lab | 83.704, -10.965, -8.673 |
Binary | 10111101, 11011111, 11110011 |
Color Schemes with #bddff3
Alternatives to #bddff3
Below, you can see some colors close to #bddff3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bddff3 Preview
This text has a font color of #bddff3.
<span style="color:#bddff3;">Text here</span>
This paragraph has a background color of #bddff3.
<p style="background-color:#bddff3;">Content here</p>
This element has a border color of #bddff3.
<div style="border:1px solid #bddff3;">Content here</div>
.text {color:#bddff3;}
.background {background-color:#bddff3;}
.border {border:1px solid #bddff3;}
Shades and Tints of #bddff3
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, #000000 is the darkest color, while #eff7fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030c11
#030c11
rgb(3,12,17)
-
#061722
#061722
rgb(6,23,34)
-
#092332
#092332
rgb(9,35,50)
-
#0c2f43
#0c2f43
rgb(12,47,67)
-
#0f3a53
#0f3a53
rgb(15,58,83)
-
#124664
#124664
rgb(18,70,100)
-
#155175
#155175
rgb(21,81,117)
-
#185d85
#185d85
rgb(24,93,133)
-
#1b6896
#1b6896
rgb(27,104,150)
-
#1e74a6
#1e74a6
rgb(30,116,166)
-
#2180b7
#2180b7
rgb(33,128,183)
-
#248bc8
#248bc8
rgb(36,139,200)
-
#2897d8
#2897d8
rgb(40,151,216)
-
#389fdb
#389fdb
rgb(56,159,219)
-
#49a7de
#49a7de
rgb(73,167,222)
-
#59afe1
#59afe1
rgb(89,175,225)
-
#6ab7e4
#6ab7e4
rgb(106,183,228)
-
#7bbfe7
#7bbfe7
rgb(123,191,231)
-
#8bc7ea
#8bc7ea
rgb(139,199,234)
-
#9ccfed
#9ccfed
rgb(156,207,237)
-
#acd7f0
#acd7f0
rgb(172,215,240)
-
#bddff3
#bddff3
rgb(189,223,243)
-
#cee7f6
#cee7f6
rgb(206,231,246)
-
#deeff9
#deeff9
rgb(222,239,249)
-
#eff7fc
#eff7fc
rgb(239,247,252)
Tones of #bddff3
A tone is produced by adding gray to any pure hue. In this case, #d5d9db is the less saturated color, while #b1e2ff is the most saturated one.
-
#d5d9db
#d5d9db
rgb(213,217,219)
-
#d2dade
#d2dade
rgb(210,218,222)
-
#cfdae1
#cfdae1
rgb(207,218,225)
-
#ccdbe4
#ccdbe4
rgb(204,219,228)
-
#c9dce7
#c9dce7
rgb(201,220,231)
-
#c6ddea
#c6ddea
rgb(198,221,234)
-
#c3dded
#c3dded
rgb(195,221,237)
-
#c0def0
#c0def0
rgb(192,222,240)
-
#bddff3
#bddff3
rgb(189,223,243)
-
#bae0f6
#bae0f6
rgb(186,224,246)
-
#b7e1f9
#b7e1f9
rgb(183,225,249)
-
#b4e1fc
#b4e1fc
rgb(180,225,252)
-
#b1e2ff
#b1e2ff
rgb(177,226,255)
Color Blindness Simulator
Below, you can see how #bddff3 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.