#20c0fa hex color

In a RGB color space, hex #20c0fa is composed of 12.5% red, 75.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 23.2% magenta, 0% yellow and 2% black. It has a hue angle of 196 degrees, a saturation of 95.6% and a lightness of 55.3%. #20c0fa color hex could be obtained by blending #40ffff with #0081f5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 75
- B 98
RGB color chart
- C 87
- M 23
- Y 0
- K 2
CMYK color chart

● #20c0fa color description : Vivid blue.

The hexadecimal color #20c0fa has RGB values of R:32, G:192, B:250 and CMYK values of C:0.87, M:0.23, Y:0, K:0.02. Its decimal value is 2146554.

Hex triplet	20c0fa	`#20c0fa`
RGB Decimal	32, 192, 250	`rgb(32,192,250)`
RGB Percent	12.5, 75.3, 98	`rgb(12.5%,75.3%,98%)`
CMYK	87, 23, 0, 2
HSL	196°, 95.6, 55.3	`hsl(196,95.6%,55.3%)`
HSV (or HSB)	196°, 87.2, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.829, -18.804, -39.401
XYZ	36.696, 44.905, 97.171
xyY	0.205, 0.251, 44.905
CIE-LCH	72.829, 43.658, 244.487
CIE-LUV	72.829, -48.586, -61.456
Hunter-Lab	67.011, -19.521, -39.067
Binary	00100000, 11000000, 11111010

#20c0fa
```
#20c0fa rgb(32,192,250)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```

Complementary Color

#20fac7
```
#20fac7 rgb(32,250,199)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#2053fa
```
#2053fa rgb(32,83,250)
```

Analogous Color

#fac720
```
#fac720 rgb(250,199,32)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#fa2053
```
#fa2053 rgb(250,32,83)
```

Split Complementary Color

#c0fa20
```
#c0fa20 rgb(192,250,32)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#fa20c0
```
#fa20c0 rgb(250,32,192)
```

Triadic Color

#20fa5a
```
#20fa5a rgb(32,250,90)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#fa20c0
```
#fa20c0 rgb(250,32,192)
```
#fa5a20
```
#fa5a20 rgb(250,90,32)
```

Tetradic Color

#0595c9
```
#0595c9 rgb(5,149,201)
```
#05a7e2
```
#05a7e2 rgb(5,167,226)
```
#07b9f9
```
#07b9f9 rgb(7,185,249)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#39c7fb
```
#39c7fb rgb(57,199,251)
```
#52cefb
```
#52cefb rgb(82,206,251)
```
#6bd5fc
```
#6bd5fc rgb(107,213,252)
```

Monochromatic Color

Below, you can see some colors close to #20c0fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#20f7fa
```
#20f7fa rgb(32,247,250)
```
#20e4fa
```
#20e4fa rgb(32,228,250)
```
#20d2fa
```
#20d2fa rgb(32,210,250)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#20aefa
```
#20aefa rgb(32,174,250)
```
#209cfa
```
#209cfa rgb(32,156,250)
```
#208afa
```
#208afa rgb(32,138,250)
```

Similar Colors

Text with hexadecimal color #20c0fa

This text has a font color of #20c0fa.

<span style="color:#20c0fa;">Text here</span>

#20c0fa background color

This paragraph has a background color of #20c0fa.

<p style="background-color:#20c0fa;">Content here</p>

#20c0fa border color

This element has a border color of #20c0fa.

<div style="border:1px solid #20c0fa;">Content here</div>

CSS codes

.text {color:#20c0fa;}

.background {background-color:#20c0fa;}

.border {border:1px solid #20c0fa;}

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, #000507 is the darkest color, while #f3fcff is the lightest one.

#000507
```
#000507 rgb(0,5,7)
```
#01141a
```
#01141a rgb(1,20,26)
```
#01222e
```
#01222e rgb(1,34,46)
```
#013041
```
#013041 rgb(1,48,65)
```
#023e54
```
#023e54 rgb(2,62,84)
```
#024c67
```
#024c67 rgb(2,76,103)
```
#035b7a
```
#035b7a rgb(3,91,122)
```
#03698e
```
#03698e rgb(3,105,142)
```
#0477a1
```
#0477a1 rgb(4,119,161)
```
#0485b4
```
#0485b4 rgb(4,133,180)
```
#0493c7
```
#0493c7 rgb(4,147,199)
```
#05a1da
```
#05a1da rgb(5,161,218)
```
#05b0ed
```
#05b0ed rgb(5,176,237)
```

Shade Color Variation

#0dbbfa
```
#0dbbfa rgb(13,187,250)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```
#33c5fa
```
#33c5fa rgb(51,197,250)
```
#46cbfb
```
#46cbfb rgb(70,203,251)
```
#5ad0fb
```
#5ad0fb rgb(90,208,251)
```
#6dd6fc
```
#6dd6fc rgb(109,214,252)
```
#80dbfc
```
#80dbfc rgb(128,219,252)
```
#93e1fd
```
#93e1fd rgb(147,225,253)
```
#a6e6fd
```
#a6e6fd rgb(166,230,253)
```
#b9ebfd
```
#b9ebfd rgb(185,235,253)
```
#cdf1fe
```
#cdf1fe rgb(205,241,254)
```
#e0f6fe
```
#e0f6fe rgb(224,246,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898f91 is the less saturated color, while #20c0fa is the most saturated one.

#898f91
```
#898f91 rgb(137,143,145)
```
#80939a
```
#80939a rgb(128,147,154)
```
#7897a2
```
#7897a2 rgb(120,151,162)
```
#6f9bab
```
#6f9bab rgb(111,155,171)
```
#669fb4
```
#669fb4 rgb(102,159,180)
```
#5da3bd
```
#5da3bd rgb(93,163,189)
```
#55a7c5
```
#55a7c5 rgb(85,167,197)
```
#4cabce
```
#4cabce rgb(76,171,206)
```
#43b0d7
```
#43b0d7 rgb(67,176,215)
```
#3ab4e0
```
#3ab4e0 rgb(58,180,224)
```
#32b8e8
```
#32b8e8 rgb(50,184,232)
```
#29bcf1
```
#29bcf1 rgb(41,188,241)
```
#20c0fa
```
#20c0fa rgb(32,192,250)
```

Tone Color Variation

Below, you can see how #20c0fa 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.

Monochromacy

#979797 Achromatopsia 0.005% of the population
#7f9fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b4f0 Protanopia 1% of men
#97b5ff Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#74b8f3 Protanomaly 1% of men, 0.01% of women
#6cb9fd Deuteranomaly 6% of men, 0.4% of women
#0bc5e3 Tritanomaly 0.01% of the population

#20c0fa hex color

#20c0fa Color Information

#20c0fa Color Conversion

Color Schemes with #20c0fa

Alternatives to #20c0fa

#20c0fa Preview

Shades and Tints of #20c0fa

Tones of #20c0fa

Color Blindness Simulator