#20d3ec Color Information
In a RGB color space, hex #20d3ec is composed of 12.5% red, 82.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 10.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 187.4 degrees, a saturation of 84.3% and a lightness of 52.5%. #20d3ec color hex could be obtained by blending #40ffff with #00a7d9. Closest websafe color is: #33ccff.
-
- R 13
- G 83
- B 93
-
- C 86
- M 11
- Y 0
- K 7
● #20d3ec color description : Vivid cyan.
#20d3ec Color Conversion
The hexadecimal color #20d3ec has RGB values of R:32, G:211, B:236 and CMYK values of C:0.86, M:0.11, Y:0, K:0.07. Its decimal value is 2151404.
Hex triplet | 20d3ec | #20d3ec |
---|---|---|
RGB Decimal | 32, 211, 236 | rgb(32,211,236) |
RGB Percent | 12.5, 82.7, 92.5 | rgb(12.5%,82.7%,92.5%) |
CMYK | 86, 11, 0, 7 | |
HSL | 187.4°, 84.3, 52.5 | hsl(187.4,84.3%,52.5%) |
HSV (or HSB) | 187.4°, 86.4, 92.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 77.844, -32.873, -24.153 |
---|---|
XYZ | 39.026, 52.948, 87.515 |
xyY | 0.217, 0.295, 52.948 |
CIE-LCH | 77.844, 40.792, 216.306 |
CIE-LUV | 77.844, -56.045, -33.863 |
Hunter-Lab | 72.765, -31.605, -20.373 |
Binary | 00100000, 11010011, 11101100 |
Color Schemes with #20d3ec
Alternatives to #20d3ec
Below, you can see some colors close to #20d3ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20d3ec Preview
This text has a font color of #20d3ec.
<span style="color:#20d3ec;">Text here</span>
This paragraph has a background color of #20d3ec.
<p style="background-color:#20d3ec;">Content here</p>
This element has a border color of #20d3ec.
<div style="border:1px solid #20d3ec;">Content here</div>
.text {color:#20d3ec;}
.background {background-color:#20d3ec;}
.border {border:1px solid #20d3ec;}
Shades and Tints of #20d3ec
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, #010b0c is the darkest color, while #f9fefe is the lightest one.
-
#010b0c
#010b0c
rgb(1,11,12)
-
#031b1e
#031b1e
rgb(3,27,30)
-
#042b30
#042b30
rgb(4,43,48)
-
#063b42
#063b42
rgb(6,59,66)
-
#074b54
#074b54
rgb(7,75,84)
-
#095b66
#095b66
rgb(9,91,102)
-
#0a6b78
#0a6b78
rgb(10,107,120)
-
#0c7b8b
#0c7b8b
rgb(12,123,139)
-
#0d8b9d
#0d8b9d
rgb(13,139,157)
-
#0f9baf
#0f9baf
rgb(15,155,175)
-
#10abc1
#10abc1
rgb(16,171,193)
-
#12bbd3
#12bbd3
rgb(18,187,211)
-
#14cbe5
#14cbe5
rgb(20,203,229)
-
#20d3ec
#20d3ec
rgb(32,211,236)
-
#32d7ee
#32d7ee
rgb(50,215,238)
-
#44daef
#44daef
rgb(68,218,239)
-
#56def1
#56def1
rgb(86,222,241)
-
#68e1f2
#68e1f2
rgb(104,225,242)
-
#7ae5f4
#7ae5f4
rgb(122,229,244)
-
#8ce8f5
#8ce8f5
rgb(140,232,245)
-
#9fecf7
#9fecf7
rgb(159,236,247)
-
#b1f0f8
#b1f0f8
rgb(177,240,248)
-
#c3f3fa
#c3f3fa
rgb(195,243,250)
-
#d5f7fb
#d5f7fb
rgb(213,247,251)
-
#e7fafd
#e7fafd
rgb(231,250,253)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #20d3ec
A tone is produced by adding gray to any pure hue. In this case, #7d8d8f is the less saturated color, while #0de1ff is the most saturated one.
-
#7d8d8f
#7d8d8f
rgb(125,141,143)
-
#749498
#749498
rgb(116,148,152)
-
#6a9ba2
#6a9ba2
rgb(106,155,162)
-
#61a2ab
#61a2ab
rgb(97,162,171)
-
#58a9b4
#58a9b4
rgb(88,169,180)
-
#4fb0bd
#4fb0bd
rgb(79,176,189)
-
#45b7c7
#45b7c7
rgb(69,183,199)
-
#3cbed0
#3cbed0
rgb(60,190,208)
-
#33c5d9
#33c5d9
rgb(51,197,217)
-
#29cce3
#29cce3
rgb(41,204,227)
-
#20d3ec
#20d3ec
rgb(32,211,236)
-
#17daf5
#17daf5
rgb(23,218,245)
-
#0de1ff
#0de1ff
rgb(13,225,255)
Color Blindness Simulator
Below, you can see how #20d3ec 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.