#20bdfe Color Information
In a RGB color space, hex #20bdfe is composed of 12.5% red, 74.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 25.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 197.6 degrees, a saturation of 99.1% and a lightness of 56.1%. #20bdfe color hex could be obtained by blending #40ffff with #007bfd. Closest websafe color is: #33ccff.
-
- R 13
- G 74
- B 100
-
- C 87
- M 26
- Y 0
- K 0
● #20bdfe color description : Vivid blue.
#20bdfe Color Conversion
The hexadecimal color #20bdfe has RGB values of R:32, G:189, B:254 and CMYK values of C:0.87, M:0.26, Y:0, K:0. Its decimal value is 2145790.
Hex triplet | 20bdfe | #20bdfe |
---|---|---|
RGB Decimal | 32, 189, 254 | rgb(32,189,254) |
RGB Percent | 12.5, 74.1, 99.6 | rgb(12.5%,74.1%,99.6%) |
CMYK | 87, 26, 0, 0 | |
HSL | 197.6°, 99.1, 56.1 | hsl(197.6,99.1%,56.1%) |
HSV (or HSB) | 197.6°, 87.4, 99.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 72.131, -15.855, -42.645 |
---|---|
XYZ | 36.678, 43.855, 100.292 |
xyY | 0.203, 0.243, 43.855 |
CIE-LCH | 72.131, 45.497, 249.605 |
CIE-LUV | 72.131, -47.303, -67.337 |
Hunter-Lab | 66.223, -17.026, -43.437 |
Binary | 00100000, 10111101, 11111110 |
Color Schemes with #20bdfe
Alternatives to #20bdfe
Below, you can see some colors close to #20bdfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20bdfe Preview
This text has a font color of #20bdfe.
<span style="color:#20bdfe;">Text here</span>
This paragraph has a background color of #20bdfe.
<p style="background-color:#20bdfe;">Content here</p>
This element has a border color of #20bdfe.
<div style="border:1px solid #20bdfe;">Content here</div>
.text {color:#20bdfe;}
.background {background-color:#20bdfe;}
.border {border:1px solid #20bdfe;}
Shades and Tints of #20bdfe
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, #00080b is the darkest color, while #f7fdff is the lightest one.
-
#00080b
#00080b
rgb(0,8,11)
-
#00161f
#00161f
rgb(0,22,31)
-
#002432
#002432
rgb(0,36,50)
-
#003246
#003246
rgb(0,50,70)
-
#003f59
#003f59
rgb(0,63,89)
-
#004d6d
#004d6d
rgb(0,77,109)
-
#015b81
#015b81
rgb(1,91,129)
-
#016994
#016994
rgb(1,105,148)
-
#0177a8
#0177a8
rgb(1,119,168)
-
#0185bb
#0185bb
rgb(1,133,187)
-
#0192cf
#0192cf
rgb(1,146,207)
-
#01a0e2
#01a0e2
rgb(1,160,226)
-
#01aef6
#01aef6
rgb(1,174,246)
-
#0cb7fe
#0cb7fe
rgb(12,183,254)
-
#20bdfe
#20bdfe
rgb(32,189,254)
-
#34c3fe
#34c3fe
rgb(52,195,254)
-
#47c9fe
#47c9fe
rgb(71,201,254)
-
#5bcefe
#5bcefe
rgb(91,206,254)
-
#6ed4fe
#6ed4fe
rgb(110,212,254)
-
#82dafe
#82dafe
rgb(130,218,254)
-
#95e0ff
#95e0ff
rgb(149,224,255)
-
#a9e5ff
#a9e5ff
rgb(169,229,255)
-
#bcebff
#bcebff
rgb(188,235,255)
-
#d0f1ff
#d0f1ff
rgb(208,241,255)
-
#e3f7ff
#e3f7ff
rgb(227,247,255)
-
#f7fdff
#f7fdff
rgb(247,253,255)
Tones of #20bdfe
A tone is produced by adding gray to any pure hue. In this case, #879297 is the less saturated color, while #20bdfe is the most saturated one.
-
#879297
#879297
rgb(135,146,151)
-
#7f969f
#7f969f
rgb(127,150,159)
-
#7699a8
#7699a8
rgb(118,153,168)
-
#6e9db0
#6e9db0
rgb(110,157,176)
-
#65a0b9
#65a0b9
rgb(101,160,185)
-
#5ca4c2
#5ca4c2
rgb(92,164,194)
-
#54a8ca
#54a8ca
rgb(84,168,202)
-
#4babd3
#4babd3
rgb(75,171,211)
-
#42afdc
#42afdc
rgb(66,175,220)
-
#3ab2e4
#3ab2e4
rgb(58,178,228)
-
#31b6ed
#31b6ed
rgb(49,182,237)
-
#29b9f5
#29b9f5
rgb(41,185,245)
-
#20bdfe
#20bdfe
rgb(32,189,254)
Color Blindness Simulator
Below, you can see how #20bdfe 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.