#2080f0 hex color

In a RGB color space, hex #2080f0 is composed of 12.5% red, 50.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 46.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 212.3 degrees, a saturation of 87.4% and a lightness of 53.3%. #2080f0 color hex could be obtained by blending #40ffff with #0001e1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 50
- B 94
RGB color chart
- C 87
- M 47
- Y 0
- K 6
CMYK color chart

● #2080f0 color description : Vivid blue.

The hexadecimal color #2080f0 has RGB values of R:32, G:128, B:240 and CMYK values of C:0.87, M:0.47, Y:0, K:0.06. Its decimal value is 2130160.

Hex triplet	2080f0	`#2080f0`
RGB Decimal	32, 128, 240	`rgb(32,128,240)`
RGB Percent	12.5, 50.2, 94.1	`rgb(12.5%,50.2%,94.1%)`
CMYK	87, 47, 0, 6
HSL	212.3°, 87.4, 53.3	`hsl(212.3,87.4%,53.3%)`
HSV (or HSB)	212.3°, 86.7, 94.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.064, 14.204, -63.658
XYZ	24.039, 22.035, 85.419
xyY	0.183, 0.168, 22.035
CIE-LCH	54.064, 65.223, 282.578
CIE-LUV	54.064, -28.405, -100.975
Hunter-Lab	46.941, 9.267, -75.032
Binary	00100000, 10000000, 11110000

#2080f0
```
#2080f0 rgb(32,128,240)
```
#f09020
```
#f09020 rgb(240,144,32)
```

Complementary Color

#20e8f0
```
#20e8f0 rgb(32,232,240)
```
#2080f0
```
#2080f0 rgb(32,128,240)
```
#2820f0
```
#2820f0 rgb(40,32,240)
```

Analogous Color

#e8f020
```
#e8f020 rgb(232,240,32)
```
#2080f0
```
#2080f0 rgb(32,128,240)
```
#f02820
```
#f02820 rgb(240,40,32)
```

Split Complementary Color

#80f020
```
#80f020 rgb(128,240,32)
```
#2080f0
```
#2080f0 rgb(32,128,240)
```
#f02080
```
#f02080 rgb(240,32,128)
```

Triadic Color

#20f090
```
#20f090 rgb(32,240,144)
```
#2080f0
```
#2080f0 rgb(32,128,240)
```
#f02080
```
#f02080 rgb(240,32,128)
```
#f09020
```
#f09020 rgb(240,144,32)
```

Tetradic Color

#0c5bb7
```
#0c5bb7 rgb(12,91,183)
```
#0e67cf
```
#0e67cf rgb(14,103,207)
```
#1073e7
```
#1073e7 rgb(16,115,231)
```
#2080f0
```
#2080f0 rgb(32,128,240)
```
#388ef2
```
#388ef2 rgb(56,142,242)
```
#509bf3
```
#509bf3 rgb(80,155,243)
```
#68a9f5
```
#68a9f5 rgb(104,169,245)
```

Monochromatic Color

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

#20b4f0
```
#20b4f0 rgb(32,180,240)
```
#20a3f0
```
#20a3f0 rgb(32,163,240)
```
#2091f0
```
#2091f0 rgb(32,145,240)
```
#2080f0
```
#2080f0 rgb(32,128,240)
```
#206ff0
```
#206ff0 rgb(32,111,240)
```
#205df0
```
#205df0 rgb(32,93,240)
```
#204cf0
```
#204cf0 rgb(32,76,240)
```

Similar Colors

Text with hexadecimal color #2080f0

This text has a font color of #2080f0.

<span style="color:#2080f0;">Text here</span>

#2080f0 background color

This paragraph has a background color of #2080f0.

<p style="background-color:#2080f0;">Content here</p>

#2080f0 border color

This element has a border color of #2080f0.

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

CSS codes

.text {color:#2080f0;}

.background {background-color:#2080f0;}

.border {border:1px solid #2080f0;}

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

#010810
```
#010810 rgb(1,8,16)
```
#021122
```
#021122 rgb(2,17,34)
```
#041a35
```
#041a35 rgb(4,26,53)
```
#052347
```
#052347 rgb(5,35,71)
```
#062d59
```
#062d59 rgb(6,45,89)
```
#07366c
```
#07366c rgb(7,54,108)
```
#083f7e
```
#083f7e rgb(8,63,126)
```
#0a4891
```
#0a4891 rgb(10,72,145)
```
#0b51a3
```
#0b51a3 rgb(11,81,163)
```
#0c5ab5
```
#0c5ab5 rgb(12,90,181)
```
#0d63c8
```
#0d63c8 rgb(13,99,200)
```
#0f6dda
```
#0f6dda rgb(15,109,218)
```
#1076ec
```
#1076ec rgb(16,118,236)
```

Shade Color Variation

#2080f0
```
#2080f0 rgb(32,128,240)
```
#328af1
```
#328af1 rgb(50,138,241)
```
#4595f2
```
#4595f2 rgb(69,149,242)
```
#579ff4
```
#579ff4 rgb(87,159,244)
```
#6aaaf5
```
#6aaaf5 rgb(106,170,245)
```
#7cb4f6
```
#7cb4f6 rgb(124,180,246)
```
#8ebff7
```
#8ebff7 rgb(142,191,247)
```
#a1c9f9
```
#a1c9f9 rgb(161,201,249)
```
#b3d4fa
```
#b3d4fa rgb(179,212,250)
```
#c5defb
```
#c5defb rgb(197,222,251)
```
#d8e9fc
```
#d8e9fc rgb(216,233,252)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85888b is the less saturated color, while #177ff9 is the most saturated one.

#85888b
```
#85888b rgb(133,136,139)
```
#7c8794
```
#7c8794 rgb(124,135,148)
```
#72869e
```
#72869e rgb(114,134,158)
```
#6986a7
```
#6986a7 rgb(105,134,167)
```
#6085b0
```
#6085b0 rgb(96,133,176)
```
#5784b9
```
#5784b9 rgb(87,132,185)
```
#4e84c2
```
#4e84c2 rgb(78,132,194)
```
#4583cb
```
#4583cb rgb(69,131,203)
```
#3b82d5
```
#3b82d5 rgb(59,130,213)
```
#3281de
```
#3281de rgb(50,129,222)
```
#2981e7
```
#2981e7 rgb(41,129,231)
```
#2080f0
```
#2080f0 rgb(32,128,240)
```
#177ff9
```
#177ff9 rgb(23,127,249)
```

Tone Color Variation

Below, you can see how #2080f0 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

#707070 Achromatopsia 0.005% of the population
#60738a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4984ee Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#3a82ef Protanomaly 1% of men, 0.01% of women
#0b86e8 Deuteranomaly 6% of men, 0.4% of women
#0b8dbb Tritanomaly 0.01% of the population

#2080f0 hex color

#2080f0 Color Information

#2080f0 Color Conversion

Color Schemes with #2080f0

Alternatives to #2080f0

#2080f0 Preview

Shades and Tints of #2080f0

Tones of #2080f0

Color Blindness Simulator