#bdf0f3 Color Information
In a RGB color space, hex #bdf0f3 is composed of 74.1% red, 94.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 1.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 183.3 degrees, a saturation of 69.2% and a lightness of 84.7%. #bdf0f3 color hex could be obtained by blending #ffffff with #7be1e7. Closest websafe color is: #ccffff.
-
- R 74
- G 94
- B 95
-
- C 22
- M 1
- Y 0
- K 5
● #bdf0f3 color description : Very soft cyan.
#bdf0f3 Color Conversion
The hexadecimal color #bdf0f3 has RGB values of R:189, G:240, B:243 and CMYK values of C:0.22, M:0.01, Y:0, K:0.05. Its decimal value is 12447987.
Hex triplet | bdf0f3 | #bdf0f3 |
---|---|---|
RGB Decimal | 189, 240, 243 | rgb(189,240,243) |
RGB Percent | 74.1, 94.1, 95.3 | rgb(74.1%,94.1%,95.3%) |
CMYK | 22, 1, 0, 5 | |
HSL | 183.3°, 69.2, 84.7 | hsl(183.3,69.2%,84.7%) |
HSV (or HSB) | 183.3°, 22.2, 95.3 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 91.509, -15.507, -6.788 |
---|---|
XYZ | 68.32, 79.608, 96.555 |
xyY | 0.279, 0.326, 79.608 |
CIE-LCH | 91.509, 16.928, 203.64 |
CIE-LUV | 91.509, -25.896, -7.998 |
Hunter-Lab | 89.223, -19.459, -1.706 |
Binary | 10111101, 11110000, 11110011 |
Color Schemes with #bdf0f3
Alternatives to #bdf0f3
Below, you can see some colors close to #bdf0f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bdf0f3 Preview
This text has a font color of #bdf0f3.
<span style="color:#bdf0f3;">Text here</span>
This paragraph has a background color of #bdf0f3.
<p style="background-color:#bdf0f3;">Content here</p>
This element has a border color of #bdf0f3.
<div style="border:1px solid #bdf0f3;">Content here</div>
.text {color:#bdf0f3;}
.background {background-color:#bdf0f3;}
.border {border:1px solid #bdf0f3;}
Shades and Tints of #bdf0f3
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 #effbfc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#031011
#031011
rgb(3,16,17)
-
#062022
#062022
rgb(6,32,34)
-
#093032
#093032
rgb(9,48,50)
-
#0c4043
#0c4043
rgb(12,64,67)
-
#0f5053
#0f5053
rgb(15,80,83)
-
#125f64
#125f64
rgb(18,95,100)
-
#156f75
#156f75
rgb(21,111,117)
-
#187f85
#187f85
rgb(24,127,133)
-
#1b8f96
#1b8f96
rgb(27,143,150)
-
#1e9fa6
#1e9fa6
rgb(30,159,166)
-
#21afb7
#21afb7
rgb(33,175,183)
-
#24bec8
#24bec8
rgb(36,190,200)
-
#28ced8
#28ced8
rgb(40,206,216)
-
#38d2db
#38d2db
rgb(56,210,219)
-
#49d6de
#49d6de
rgb(73,214,222)
-
#59d9e1
#59d9e1
rgb(89,217,225)
-
#6adde4
#6adde4
rgb(106,221,228)
-
#7be1e7
#7be1e7
rgb(123,225,231)
-
#8be5ea
#8be5ea
rgb(139,229,234)
-
#9ce8ed
#9ce8ed
rgb(156,232,237)
-
#acecf0
#acecf0
rgb(172,236,240)
-
#bdf0f3
#bdf0f3
rgb(189,240,243)
-
#cef4f6
#cef4f6
rgb(206,244,246)
-
#def8f9
#def8f9
rgb(222,248,249)
-
#effbfc
#effbfc
rgb(239,251,252)
Tones of #bdf0f3
A tone is produced by adding gray to any pure hue. In this case, #d5dbdb is the less saturated color, while #b1fbff is the most saturated one.
-
#d5dbdb
#d5dbdb
rgb(213,219,219)
-
#d2ddde
#d2ddde
rgb(210,221,222)
-
#cfe0e1
#cfe0e1
rgb(207,224,225)
-
#cce3e4
#cce3e4
rgb(204,227,228)
-
#c9e5e7
#c9e5e7
rgb(201,229,231)
-
#c6e8ea
#c6e8ea
rgb(198,232,234)
-
#c3ebed
#c3ebed
rgb(195,235,237)
-
#c0edf0
#c0edf0
rgb(192,237,240)
-
#bdf0f3
#bdf0f3
rgb(189,240,243)
-
#baf3f6
#baf3f6
rgb(186,243,246)
-
#b7f5f9
#b7f5f9
rgb(183,245,249)
-
#b4f8fc
#b4f8fc
rgb(180,248,252)
-
#b1fbff
#b1fbff
rgb(177,251,255)
Color Blindness Simulator
Below, you can see how #bdf0f3 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.