#20a7f7 Color Information
In a RGB color space, hex #20a7f7 is composed of 12.5% red, 65.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 32.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 202.3 degrees, a saturation of 93.1% and a lightness of 54.7%. #20a7f7 color hex could be obtained by blending #40ffff with #004fef. Closest websafe color is: #3399ff.
-
- R 13
- G 65
- B 97
-
- C 87
- M 32
- Y 0
- K 3
● #20a7f7 color description : Vivid blue.
#20a7f7 Color Conversion
The hexadecimal color #20a7f7 has RGB values of R:32, G:167, B:247 and CMYK values of C:0.87, M:0.32, Y:0, K:0.03. Its decimal value is 2140151.
Hex triplet | 20a7f7 | #20a7f7 |
---|---|---|
RGB Decimal | 32, 167, 247 | rgb(32,167,247) |
RGB Percent | 12.5, 65.5, 96.9 | rgb(12.5%,65.5%,96.9%) |
CMYK | 87, 32, 0, 3 | |
HSL | 202.3°, 93.1, 54.7 | hsl(202.3,93.1%,54.7%) |
HSV (or HSB) | 202.3°, 87, 96.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.481, -6.302, -49.3 |
---|---|
XYZ | 31.199, 34.657, 93.036 |
xyY | 0.196, 0.218, 34.657 |
CIE-LCH | 65.481, 49.701, 262.715 |
CIE-LUV | 65.481, -40.446, -78.834 |
Hunter-Lab | 58.87, -8.425, -52.49 |
Binary | 00100000, 10100111, 11110111 |
Color Schemes with #20a7f7
Alternatives to #20a7f7
Below, you can see some colors close to #20a7f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a7f7 Preview
This text has a font color of #20a7f7.
<span style="color:#20a7f7;">Text here</span>
This paragraph has a background color of #20a7f7.
<p style="background-color:#20a7f7;">Content here</p>
This element has a border color of #20a7f7.
<div style="border:1px solid #20a7f7;">Content here</div>
.text {color:#20a7f7;}
.background {background-color:#20a7f7;}
.border {border:1px solid #20a7f7;}
Shades and Tints of #20a7f7
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, #000304 is the darkest color, while #f0f9fe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#010f17
#010f17
rgb(1,15,23)
-
#021b2a
#021b2a
rgb(2,27,42)
-
#02273d
#02273d
rgb(2,39,61)
-
#033350
#033350
rgb(3,51,80)
-
#043f63
#043f63
rgb(4,63,99)
-
#044c76
#044c76
rgb(4,76,118)
-
#055889
#055889
rgb(5,88,137)
-
#06649c
#06649c
rgb(6,100,156)
-
#0670af
#0670af
rgb(6,112,175)
-
#077cc2
#077cc2
rgb(7,124,194)
-
#0888d5
#0888d5
rgb(8,136,213)
-
#0894e7
#0894e7
rgb(8,148,231)
-
#0da0f6
#0da0f6
rgb(13,160,246)
-
#20a7f7
#20a7f7
rgb(32,167,247)
-
#33aef8
#33aef8
rgb(51,174,248)
-
#46b6f8
#46b6f8
rgb(70,182,248)
-
#59bdf9
#59bdf9
rgb(89,189,249)
-
#6cc5fa
#6cc5fa
rgb(108,197,250)
-
#7fccfa
#7fccfa
rgb(127,204,250)
-
#92d4fb
#92d4fb
rgb(146,212,251)
-
#a5dbfc
#a5dbfc
rgb(165,219,252)
-
#b7e3fc
#b7e3fc
rgb(183,227,252)
-
#caeafd
#caeafd
rgb(202,234,253)
-
#ddf2fe
#ddf2fe
rgb(221,242,254)
-
#f0f9fe
#f0f9fe
rgb(240,249,254)
Tones of #20a7f7
A tone is produced by adding gray to any pure hue. In this case, #8b8c8c is the less saturated color, while #20a7f7 is the most saturated one.
-
#8b8c8c
#8b8c8c
rgb(139,140,140)
-
#828e95
#828e95
rgb(130,142,149)
-
#79909e
#79909e
rgb(121,144,158)
-
#7093a7
#7093a7
rgb(112,147,167)
-
#6795b0
#6795b0
rgb(103,149,176)
-
#5e97b9
#5e97b9
rgb(94,151,185)
-
#5599c2
#5599c2
rgb(85,153,194)
-
#4c9ccb
#4c9ccb
rgb(76,156,203)
-
#449ed3
#449ed3
rgb(68,158,211)
-
#3ba0dc
#3ba0dc
rgb(59,160,220)
-
#32a2e5
#32a2e5
rgb(50,162,229)
-
#29a5ee
#29a5ee
rgb(41,165,238)
-
#20a7f7
#20a7f7
rgb(32,167,247)
Color Blindness Simulator
Below, you can see how #20a7f7 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.