#20c5f6 Color Information
In a RGB color space, hex #20c5f6 is composed of 12.5% red, 77.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 19.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 193.7 degrees, a saturation of 92.2% and a lightness of 54.5%. #20c5f6 color hex could be obtained by blending #40ffff with #008bed. Closest websafe color is: #33ccff.
-
- R 13
- G 77
- B 96
-
- C 87
- M 20
- Y 0
- K 4
● #20c5f6 color description : Vivid cyan.
#20c5f6 Color Conversion
The hexadecimal color #20c5f6 has RGB values of R:32, G:197, B:246 and CMYK values of C:0.87, M:0.2, Y:0, K:0.04. Its decimal value is 2147830.
Hex triplet | 20c5f6 | #20c5f6 |
---|---|---|
RGB Decimal | 32, 197, 246 | rgb(32,197,246) |
RGB Percent | 12.5, 77.3, 96.5 | rgb(12.5%,77.3%,96.5%) |
CMYK | 87, 20, 0, 4 | |
HSL | 193.7°, 92.2, 54.5 | hsl(193.7,92.2%,54.5%) |
HSV (or HSB) | 193.7°, 87, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 74.119, -22.732, -35.245 |
---|---|
XYZ | 37.192, 46.89, 94.274 |
xyY | 0.209, 0.263, 46.89 |
CIE-LCH | 74.119, 41.939, 237.179 |
CIE-LUV | 74.119, -50.555, -53.922 |
Hunter-Lab | 68.476, -22.883, -33.694 |
Binary | 00100000, 11000101, 11110110 |
Color Schemes with #20c5f6
Alternatives to #20c5f6
Below, you can see some colors close to #20c5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20c5f6 Preview
This text has a font color of #20c5f6.
<span style="color:#20c5f6;">Text here</span>
This paragraph has a background color of #20c5f6.
<p style="background-color:#20c5f6;">Content here</p>
This element has a border color of #20c5f6.
<div style="border:1px solid #20c5f6;">Content here</div>
.text {color:#20c5f6;}
.background {background-color:#20c5f6;}
.border {border:1px solid #20c5f6;}
Shades and Tints of #20c5f6
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, #000303 is the darkest color, while #effbfe is the lightest one.
-
#000303
#000303
rgb(0,3,3)
-
#011116
#011116
rgb(1,17,22)
-
#022029
#022029
rgb(2,32,41)
-
#022f3c
#022f3c
rgb(2,47,60)
-
#033d4f
#033d4f
rgb(3,61,79)
-
#044c62
#044c62
rgb(4,76,98)
-
#055b74
#055b74
rgb(5,91,116)
-
#056a87
#056a87
rgb(5,106,135)
-
#06789a
#06789a
rgb(6,120,154)
-
#0787ad
#0787ad
rgb(7,135,173)
-
#0896c0
#0896c0
rgb(8,150,192)
-
#09a4d3
#09a4d3
rgb(9,164,211)
-
#09b3e6
#09b3e6
rgb(9,179,230)
-
#0dc0f5
#0dc0f5
rgb(13,192,245)
-
#20c5f6
#20c5f6
rgb(32,197,246)
-
#33caf7
#33caf7
rgb(51,202,247)
-
#46cff8
#46cff8
rgb(70,207,248)
-
#59d4f8
#59d4f8
rgb(89,212,248)
-
#6bd9f9
#6bd9f9
rgb(107,217,249)
-
#7edefa
#7edefa
rgb(126,222,250)
-
#91e2fb
#91e2fb
rgb(145,226,251)
-
#a4e7fb
#a4e7fb
rgb(164,231,251)
-
#b7ecfc
#b7ecfc
rgb(183,236,252)
-
#caf1fd
#caf1fd
rgb(202,241,253)
-
#ddf6fe
#ddf6fe
rgb(221,246,254)
-
#effbfe
#effbfe
rgb(239,251,254)
Tones of #20c5f6
A tone is produced by adding gray to any pure hue. In this case, #829094 is the less saturated color, while #17caff is the most saturated one.
-
#829094
#829094
rgb(130,144,148)
-
#79959d
#79959d
rgb(121,149,157)
-
#7099a6
#7099a6
rgb(112,153,166)
-
#679eaf
#679eaf
rgb(103,158,175)
-
#5ea3b8
#5ea3b8
rgb(94,163,184)
-
#56a8c0
#56a8c0
rgb(86,168,192)
-
#4dadc9
#4dadc9
rgb(77,173,201)
-
#44b2d2
#44b2d2
rgb(68,178,210)
-
#3bb6db
#3bb6db
rgb(59,182,219)
-
#32bbe4
#32bbe4
rgb(50,187,228)
-
#29c0ed
#29c0ed
rgb(41,192,237)
-
#20c5f6
#20c5f6
rgb(32,197,246)
-
#17caff
#17caff
rgb(23,202,255)
Color Blindness Simulator
Below, you can see how #20c5f6 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.