#20affe Color Information
In a RGB color space, hex #20affe is composed of 12.5% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 201.4 degrees, a saturation of 99.1% and a lightness of 56.1%. #20affe color hex could be obtained by blending #40ffff with #005ffd. Closest websafe color is: #3399ff.
-
- R 13
- G 69
- B 100
-
- C 87
- M 31
- Y 0
- K 0
● #20affe color description : Vivid blue.
#20affe Color Conversion
The hexadecimal color #20affe has RGB values of R:32, G:175, B:254 and CMYK values of C:0.87, M:0.31, Y:0, K:0. Its decimal value is 2142206.
Hex triplet | 20affe | #20affe |
---|---|---|
RGB Decimal | 32, 175, 254 | rgb(32,175,254) |
RGB Percent | 12.5, 68.6, 99.6 | rgb(12.5%,68.6%,99.6%) |
CMYK | 87, 31, 0, 0 | |
HSL | 201.4°, 99.1, 56.1 | hsl(201.4,99.1%,56.1%) |
HSV (or HSB) | 201.4°, 87.4, 99.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.109, -8.262, -48.96 |
---|---|
XYZ | 33.811, 38.12, 99.336 |
xyY | 0.197, 0.223, 38.12 |
CIE-LCH | 68.109, 49.652, 260.422 |
CIE-LUV | 68.109, -42.652, -78.505 |
Hunter-Lab | 61.741, -10.297, -52.174 |
Binary | 00100000, 10101111, 11111110 |
Color Schemes with #20affe
Alternatives to #20affe
Below, you can see some colors close to #20affe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20affe Preview
This text has a font color of #20affe.
<span style="color:#20affe;">Text here</span>
This paragraph has a background color of #20affe.
<p style="background-color:#20affe;">Content here</p>
This element has a border color of #20affe.
<div style="border:1px solid #20affe;">Content here</div>
.text {color:#20affe;}
.background {background-color:#20affe;}
.border {border:1px solid #20affe;}
Shades and Tints of #20affe
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, #00070b is the darkest color, while #f7fcff is the lightest one.
-
#00070b
#00070b
rgb(0,7,11)
-
#00141f
#00141f
rgb(0,20,31)
-
#002132
#002132
rgb(0,33,50)
-
#002d46
#002d46
rgb(0,45,70)
-
#003a59
#003a59
rgb(0,58,89)
-
#00466d
#00466d
rgb(0,70,109)
-
#015381
#015381
rgb(1,83,129)
-
#016094
#016094
rgb(1,96,148)
-
#016ca8
#016ca8
rgb(1,108,168)
-
#0179bb
#0179bb
rgb(1,121,187)
-
#0185cf
#0185cf
rgb(1,133,207)
-
#0192e2
#0192e2
rgb(1,146,226)
-
#019ff6
#019ff6
rgb(1,159,246)
-
#0ca8fe
#0ca8fe
rgb(12,168,254)
-
#20affe
#20affe
rgb(32,175,254)
-
#34b6fe
#34b6fe
rgb(52,182,254)
-
#47bdfe
#47bdfe
rgb(71,189,254)
-
#5bc4fe
#5bc4fe
rgb(91,196,254)
-
#6ecbfe
#6ecbfe
rgb(110,203,254)
-
#82d2fe
#82d2fe
rgb(130,210,254)
-
#95d9ff
#95d9ff
rgb(149,217,255)
-
#a9e0ff
#a9e0ff
rgb(169,224,255)
-
#bce7ff
#bce7ff
rgb(188,231,255)
-
#d0eeff
#d0eeff
rgb(208,238,255)
-
#e3f5ff
#e3f5ff
rgb(227,245,255)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #20affe
A tone is produced by adding gray to any pure hue. In this case, #879197 is the less saturated color, while #20affe is the most saturated one.
-
#879197
#879197
rgb(135,145,151)
-
#7f949f
#7f949f
rgb(127,148,159)
-
#7696a8
#7696a8
rgb(118,150,168)
-
#6e99b0
#6e99b0
rgb(110,153,176)
-
#659bb9
#659bb9
rgb(101,155,185)
-
#5c9ec2
#5c9ec2
rgb(92,158,194)
-
#54a0ca
#54a0ca
rgb(84,160,202)
-
#4ba3d3
#4ba3d3
rgb(75,163,211)
-
#42a5dc
#42a5dc
rgb(66,165,220)
-
#3aa8e4
#3aa8e4
rgb(58,168,228)
-
#31aaed
#31aaed
rgb(49,170,237)
-
#29adf5
#29adf5
rgb(41,173,245)
-
#20affe
#20affe
rgb(32,175,254)
Color Blindness Simulator
Below, you can see how #20affe 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.