colorhexa.com

#1980ec hex color

In a RGB color space, hex #1980ec is composed of 9.8% red, 50.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 45.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 210.7 degrees, a saturation of 84.7% and a lightness of 51.2%. #1980ec color hex could be obtained by blending #32ffff with #0001d9. Closest websafe color is: #0099ff.

- R 10
- G 50
- B 93
RGB color chart
- C 89
- M 46
- Y 0
- K 7
CMYK color chart

● #1980ec color description : Vivid blue.

The hexadecimal color #1980ec has RGB values of R:25, G:128, B:236 and CMYK values of C:0.89, M:0.46, Y:0, K:0.07. Its decimal value is 1671404.

Hex triplet	1980ec	`#1980ec`
RGB Decimal	25, 128, 236	`rgb(25,128,236)`
RGB Percent	9.8, 50.2, 92.5	`rgb(9.8%,50.2%,92.5%)`
CMYK	89, 46, 0, 7
HSL	210.7°, 84.7, 51.2	`hsl(210.7,84.7%,51.2%)`
HSV (or HSB)	210.7°, 89.4, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	53.706, 12.276, -62.012
XYZ	23.257, 21.699, 82.315
xyY	0.183, 0.17, 21.699
CIE-LCH	53.706, 63.215, 281.197
CIE-LUV	53.706, -29.094, -98.09
Hunter-Lab	46.582, 7.6, -72.163
Binary	00011001, 10000000, 11101100

#1980ec
```
#1980ec rgb(25,128,236)
```
#ec8519
```
#ec8519 rgb(236,133,25)
```

Complementary Color

#19eaec
```
#19eaec rgb(25,234,236)
```
#1980ec
```
#1980ec rgb(25,128,236)
```
#1b19ec
```
#1b19ec rgb(27,25,236)
```

Analogous Color

#eaec19
```
#eaec19 rgb(234,236,25)
```
#1980ec
```
#1980ec rgb(25,128,236)
```
#ec1b19
```
#ec1b19 rgb(236,27,25)
```

Split Complementary Color

#80ec19
```
#80ec19 rgb(128,236,25)
```
#1980ec
```
#1980ec rgb(25,128,236)
```
#ec1980
```
#ec1980 rgb(236,25,128)
```

Triadic Color

#19ec85
```
#19ec85 rgb(25,236,133)
```
#1980ec
```
#1980ec rgb(25,128,236)
```
#ec1980
```
#ec1980 rgb(236,25,128)
```
#ec8519
```
#ec8519 rgb(236,133,25)
```

Tetradic Color

#0e5aaa
```
#0e5aaa rgb(14,90,170)
```
#1067c2
```
#1067c2 rgb(16,103,194)
```
#1273da
```
#1273da rgb(18,115,218)
```
#1980ec
```
#1980ec rgb(25,128,236)
```
#318dee
```
#318dee rgb(49,141,238)
```
#489af0
```
#489af0 rgb(72,154,240)
```
#60a7f2
```
#60a7f2 rgb(96,167,242)
```

Monochromatic Color

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

#19b5ec
```
#19b5ec rgb(25,181,236)
```
#19a3ec
```
#19a3ec rgb(25,163,236)
```
#1992ec
```
#1992ec rgb(25,146,236)
```
#1980ec
```
#1980ec rgb(25,128,236)
```
#196eec
```
#196eec rgb(25,110,236)
```
#195dec
```
#195dec rgb(25,93,236)
```
#194bec
```
#194bec rgb(25,75,236)
```

Similar Colors

Text with hexadecimal color #1980ec

This text has a font color of #1980ec.

<span style="color:#1980ec;">Text here</span>

#1980ec background color

This paragraph has a background color of #1980ec.

<p style="background-color:#1980ec;">Content here</p>

#1980ec border color

This element has a border color of #1980ec.

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

CSS codes

.text {color:#1980ec;}

.background {background-color:#1980ec;}

.border {border:1px solid #1980ec;}

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

#000306
```
#000306 rgb(0,3,6)
```
#020d18
```
#020d18 rgb(2,13,24)
```
#03162a
```
#03162a rgb(3,22,42)
```
#05203c
```
#05203c rgb(5,32,60)
```
#06294e
```
#06294e rgb(6,41,78)
```
#083360
```
#083360 rgb(8,51,96)
```
#093d72
```
#093d72 rgb(9,61,114)
```
#0b4684
```
#0b4684 rgb(11,70,132)
```
#0c5096
```
#0c5096 rgb(12,80,150)
```
#0e59a9
```
#0e59a9 rgb(14,89,169)
```
#0f63bb
```
#0f63bb rgb(15,99,187)
```
#116dcd
```
#116dcd rgb(17,109,205)
```
#1276df
```
#1276df rgb(18,118,223)
```

Shade Color Variation

#1980ec
```
#1980ec rgb(25,128,236)
```
#2b8aed
```
#2b8aed rgb(43,138,237)
```
#3d94ef
```
#3d94ef rgb(61,148,239)
```
#4f9ef0
```
#4f9ef0 rgb(79,158,240)
```
#61a8f2
```
#61a8f2 rgb(97,168,242)
```
#74b2f3
```
#74b2f3 rgb(116,178,243)
```
#86bcf5
```
#86bcf5 rgb(134,188,245)
```
#98c6f6
```
#98c6f6 rgb(152,198,246)
```
#aad0f8
```
#aad0f8 rgb(170,208,248)
```
#bcdaf9
```
#bcdaf9 rgb(188,218,249)
```
#cee4fb
```
#cee4fb rgb(206,228,251)
```
#e0eefc
```
#e0eefc rgb(224,238,252)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828283 is the less saturated color, while #0f80f6 is the most saturated one.

#828283
```
#828283 rgb(130,130,131)
```
#79828c
```
#79828c rgb(121,130,140)
```
#6f8296
```
#6f8296 rgb(111,130,150)
```
#66829f
```
#66829f rgb(102,130,159)
```
#5c82a9
```
#5c82a9 rgb(92,130,169)
```
#5281b3
```
#5281b3 rgb(82,129,179)
```
#4981bc
```
#4981bc rgb(73,129,188)
```
#3f81c6
```
#3f81c6 rgb(63,129,198)
```
#3681cf
```
#3681cf rgb(54,129,207)
```
#2c80d9
```
#2c80d9 rgb(44,128,217)
```
#2380e2
```
#2380e2 rgb(35,128,226)
```
#1980ec
```
#1980ec rgb(25,128,236)
```
#0f80f6
```
#0f80f6 rgb(15,128,246)
```

Tone Color Variation

Below, you can see how #1980ec 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

#6e6e6e Achromatopsia 0.005% of the population
#5d7287 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d83ea Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#00949c Tritanopia 0.001% of the population

Trichromacy

#3a82ea Protanomaly 1% of men, 0.01% of women
#0985e6 Deuteranomaly 6% of men, 0.4% of women
#098cb9 Tritanomaly 0.01% of the population