#1980f1 hex color

In a RGB color space, hex #1980f1 is composed of 9.8% red, 50.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 46.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 211.4 degrees, a saturation of 88.5% and a lightness of 52.2%. #1980f1 color hex could be obtained by blending #32ffff with #0001e3. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 10
- G 50
- B 95
RGB color chart
- C 90
- M 47
- Y 0
- K 5
CMYK color chart

● #1980f1 color description : Vivid blue.

The hexadecimal color #1980f1 has RGB values of R:25, G:128, B:241 and CMYK values of C:0.9, M:0.47, Y:0, K:0.05. Its decimal value is 1671409.

Hex triplet	1980f1	`#1980f1`
RGB Decimal	25, 128, 241	`rgb(25,128,241)`
RGB Percent	9.8, 50.2, 94.5	`rgb(9.8%,50.2%,94.5%)`
CMYK	90, 47, 0, 5
HSL	211.4°, 88.5, 52.2	`hsl(211.4,88.5%,52.2%)`
HSV (or HSB)	211.4°, 89.6, 94.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.02, 14.19, -64.289
XYZ	23.994, 21.994, 86.195
xyY	0.182, 0.166, 21.994
CIE-LCH	54.02, 65.836, 282.447
CIE-LUV	54.02, -28.893, -101.937
Hunter-Lab	46.898, 9.253, -76.143
Binary	00011001, 10000000, 11110001

#1980f1
```
#1980f1 rgb(25,128,241)
```
#f18a19
```
#f18a19 rgb(241,138,25)
```

Complementary Color

#19ecf1
```
#19ecf1 rgb(25,236,241)
```
#1980f1
```
#1980f1 rgb(25,128,241)
```
#1e19f1
```
#1e19f1 rgb(30,25,241)
```

Analogous Color

#ecf119
```
#ecf119 rgb(236,241,25)
```
#1980f1
```
#1980f1 rgb(25,128,241)
```
#f11e19
```
#f11e19 rgb(241,30,25)
```

Split Complementary Color

#80f119
```
#80f119 rgb(128,241,25)
```
#1980f1
```
#1980f1 rgb(25,128,241)
```
#f11980
```
#f11980 rgb(241,25,128)
```

Triadic Color

#19f18a
```
#19f18a rgb(25,241,138)
```
#1980f1
```
#1980f1 rgb(25,128,241)
```
#f11980
```
#f11980 rgb(241,25,128)
```
#f18a19
```
#f18a19 rgb(241,138,25)
```

Tetradic Color

#0b5bb3
```
#0b5bb3 rgb(11,91,179)
```
#0c67cb
```
#0c67cb rgb(12,103,203)
```
#0e73e3
```
#0e73e3 rgb(14,115,227)
```
#1980f1
```
#1980f1 rgb(25,128,241)
```
#318df2
```
#318df2 rgb(49,141,242)
```
#499bf4
```
#499bf4 rgb(73,155,244)
```
#61a8f5
```
#61a8f5 rgb(97,168,245)
```

Monochromatic Color

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

#19b6f1
```
#19b6f1 rgb(25,182,241)
```
#19a4f1
```
#19a4f1 rgb(25,164,241)
```
#1992f1
```
#1992f1 rgb(25,146,241)
```
#1980f1
```
#1980f1 rgb(25,128,241)
```
#196ef1
```
#196ef1 rgb(25,110,241)
```
#195cf1
```
#195cf1 rgb(25,92,241)
```
#194af1
```
#194af1 rgb(25,74,241)
```

Similar Colors

Text with hexadecimal color #1980f1

This text has a font color of #1980f1.

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

#1980f1 background color

This paragraph has a background color of #1980f1.

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

#1980f1 border color

This element has a border color of #1980f1.

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

CSS codes

.text {color:#1980f1;}

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

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

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, #01050a is the darkest color, while #f7fbff is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#020f1d
```
#020f1d rgb(2,15,29)
```
#03182f
```
#03182f rgb(3,24,47)
```
#042142
```
#042142 rgb(4,33,66)
```
#052b54
```
#052b54 rgb(5,43,84)
```
#063467
```
#063467 rgb(6,52,103)
```
#073e79
```
#073e79 rgb(7,62,121)
```
#09478c
```
#09478c rgb(9,71,140)
```
#0a519e
```
#0a519e rgb(10,81,158)
```
#0b5ab1
```
#0b5ab1 rgb(11,90,177)
```
#0c63c3
```
#0c63c3 rgb(12,99,195)
```
#0d6dd6
```
#0d6dd6 rgb(13,109,214)
```
#0e76e8
```
#0e76e8 rgb(14,118,232)
```

Shade Color Variation

#1980f1
```
#1980f1 rgb(25,128,241)
```
#2b8af2
```
#2b8af2 rgb(43,138,242)
```
#3e94f3
```
#3e94f3 rgb(62,148,243)
```
#509ff4
```
#509ff4 rgb(80,159,244)
```
#63a9f6
```
#63a9f6 rgb(99,169,246)
```
#75b3f7
```
#75b3f7 rgb(117,179,247)
```
#88bdf8
```
#88bdf8 rgb(136,189,248)
```
#9ac7f9
```
#9ac7f9 rgb(154,199,249)
```
#add2fa
```
#add2fa rgb(173,210,250)
```
#bfdcfb
```
#bfdcfb rgb(191,220,251)
```
#d2e6fc
```
#d2e6fc rgb(210,230,252)
```
#e4f0fd
```
#e4f0fd rgb(228,240,253)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80858a is the less saturated color, while #1080fa is the most saturated one.

#80858a
```
#80858a rgb(128,133,138)
```
#778493
```
#778493 rgb(119,132,147)
```
#6d849d
```
#6d849d rgb(109,132,157)
```
#6483a6
```
#6483a6 rgb(100,131,166)
```
#5b83af
```
#5b83af rgb(91,131,175)
```
#5183b9
```
#5183b9 rgb(81,131,185)
```
#4882c2
```
#4882c2 rgb(72,130,194)
```
#3f82cb
```
#3f82cb rgb(63,130,203)
```
#3581d5
```
#3581d5 rgb(53,129,213)
```
#2c81de
```
#2c81de rgb(44,129,222)
```
#2280e8
```
#2280e8 rgb(34,128,232)
```
#1980f1
```
#1980f1 rgb(25,128,241)
```
#1080fa
```
#1080fa rgb(16,128,250)
```

Tone Color Variation

Below, you can see how #1980f1 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
#5d7288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4784ef Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#3682f0 Protanomaly 1% of men, 0.01% of women
#0986e8 Deuteranomaly 6% of men, 0.4% of women
#098dbc Tritanomaly 0.01% of the population

#1980f1 hex color

#1980f1 Color Information

#1980f1 Color Conversion

Color Schemes with #1980f1

Alternatives to #1980f1

#1980f1 Preview

Shades and Tints of #1980f1

Tones of #1980f1

Color Blindness Simulator