#1480fd hex color

In a RGB color space, hex #1480fd is composed of 7.8% red, 50.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 49.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.2 degrees, a saturation of 98.3% and a lightness of 53.5%. #1480fd color hex could be obtained by blending #28ffff with #0001fb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 50
- B 99
RGB color chart
- C 92
- M 49
- Y 0
- K 1
CMYK color chart

● #1480fd color description : Vivid blue.

The hexadecimal color #1480fd has RGB values of R:20, G:128, B:253 and CMYK values of C:0.92, M:0.49, Y:0, K:0.01. Its decimal value is 1343741.

Hex triplet	1480fd	`#1480fd`
RGB Decimal	20, 128, 253	`rgb(20,128,253)`
RGB Percent	7.8, 50.2, 99.2	`rgb(7.8%,50.2%,99.2%)`
CMYK	92, 49, 0, 1
HSL	212.2°, 98.3, 53.5	`hsl(212.2,98.3%,53.5%)`
HSV (or HSB)	212.2°, 92.1, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.738, 18.558, -69.78
XYZ	25.733, 22.677, 95.944
xyY	0.178, 0.157, 22.677
CIE-LCH	54.738, 72.205, 284.893
CIE-LUV	54.738, -28.735, -111.105
Hunter-Lab	47.62, 13.124, -86.122
Binary	00010100, 10000000, 11111101

#1480fd
```
#1480fd rgb(20,128,253)
```
#fd9114
```
#fd9114 rgb(253,145,20)
```

Complementary Color

#14f5fd
```
#14f5fd rgb(20,245,253)
```
#1480fd
```
#1480fd rgb(20,128,253)
```
#1d14fd
```
#1d14fd rgb(29,20,253)
```

Analogous Color

#f5fd14
```
#f5fd14 rgb(245,253,20)
```
#1480fd
```
#1480fd rgb(20,128,253)
```
#fd1d14
```
#fd1d14 rgb(253,29,20)
```

Split Complementary Color

#80fd14
```
#80fd14 rgb(128,253,20)
```
#1480fd
```
#1480fd rgb(20,128,253)
```
#fd1480
```
#fd1480 rgb(253,20,128)
```

Triadic Color

#14fd91
```
#14fd91 rgb(20,253,145)
```
#1480fd
```
#1480fd rgb(20,128,253)
```
#fd1480
```
#fd1480 rgb(253,20,128)
```
#fd9114
```
#fd9114 rgb(253,145,20)
```

Tetradic Color

#025bc3
```
#025bc3 rgb(2,91,195)
```
#0267dc
```
#0267dc rgb(2,103,220)
```
#0273f5
```
#0273f5 rgb(2,115,245)
```
#1480fd
```
#1480fd rgb(20,128,253)
```
#2d8efd
```
#2d8efd rgb(45,142,253)
```
#479bfd
```
#479bfd rgb(71,155,253)
```
#60a9fe
```
#60a9fe rgb(96,169,254)
```

Monochromatic Color

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

#14bafd
```
#14bafd rgb(20,186,253)
```
#14a7fd
```
#14a7fd rgb(20,167,253)
```
#1493fd
```
#1493fd rgb(20,147,253)
```
#1480fd
```
#1480fd rgb(20,128,253)
```
#146dfd
```
#146dfd rgb(20,109,253)
```
#1459fd
```
#1459fd rgb(20,89,253)
```
#1446fd
```
#1446fd rgb(20,70,253)
```

Similar Colors

Text with hexadecimal color #1480fd

This text has a font color of #1480fd.

<span style="color:#1480fd;">Text here</span>

#1480fd background color

This paragraph has a background color of #1480fd.

<p style="background-color:#1480fd;">Content here</p>

#1480fd border color

This element has a border color of #1480fd.

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

CSS codes

.text {color:#1480fd;}

.background {background-color:#1480fd;}

.border {border:1px solid #1480fd;}

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

#000812
```
#000812 rgb(0,8,18)
```
#001125
```
#001125 rgb(0,17,37)
```
#001b39
```
#001b39 rgb(0,27,57)
```
#01244c
```
#01244c rgb(1,36,76)
```
#012d60
```
#012d60 rgb(1,45,96)
```
#013673
```
#013673 rgb(1,54,115)
```
#013f87
```
#013f87 rgb(1,63,135)
```
#01489a
```
#01489a rgb(1,72,154)
```
#0151ad
```
#0151ad rgb(1,81,173)
```
#025ac1
```
#025ac1 rgb(2,90,193)
```
#0263d4
```
#0263d4 rgb(2,99,212)
```
#026de8
```
#026de8 rgb(2,109,232)
```
#0276fb
```
#0276fb rgb(2,118,251)
```

Shade Color Variation

#1480fd
```
#1480fd rgb(20,128,253)
```
#278bfd
```
#278bfd rgb(39,139,253)
```
#3b95fd
```
#3b95fd rgb(59,149,253)
```
#4ea0fd
```
#4ea0fd rgb(78,160,253)
```
#62aafe
```
#62aafe rgb(98,170,254)
```
#75b5fe
```
#75b5fe rgb(117,181,254)
```
#89bffe
```
#89bffe rgb(137,191,254)
```
#9ccafe
```
#9ccafe rgb(156,202,254)
```
#b0d4fe
```
#b0d4fe rgb(176,212,254)
```
#c3dffe
```
#c3dffe rgb(195,223,254)
```
#d6e9ff
```
#d6e9ff rgb(214,233,255)
```
#eaf4ff
```
#eaf4ff rgb(234,244,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#818890
```
#818890 rgb(129,136,144)
```
#788799
```
#788799 rgb(120,135,153)
```
#6f87a2
```
#6f87a2 rgb(111,135,162)
```
#6686ab
```
#6686ab rgb(102,134,171)
```
#5d85b4
```
#5d85b4 rgb(93,133,180)
```
#5485bd
```
#5485bd rgb(84,133,189)
```
#4b84c6
```
#4b84c6 rgb(75,132,198)
```
#4283cf
```
#4283cf rgb(66,131,207)
```
#3883d9
```
#3883d9 rgb(56,131,217)
```
#2f82e2
```
#2f82e2 rgb(47,130,226)
```
#2681eb
```
#2681eb rgb(38,129,235)
```
#1d81f4
```
#1d81f4 rgb(29,129,244)
```
#1480fd
```
#1480fd rgb(20,128,253)
```

Tone Color Variation

Below, you can see how #1480fd 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
#5c728b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3785fc Protanopia 1% of men
#008ce5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#2a83fc Protanomaly 1% of men, 0.01% of women
#0787ee Deuteranomaly 6% of men, 0.4% of women
#078ec1 Tritanomaly 0.01% of the population

#1480fd hex color

#1480fd Color Information

#1480fd Color Conversion

Color Schemes with #1480fd

Alternatives to #1480fd

#1480fd Preview

Shades and Tints of #1480fd

Tones of #1480fd

Color Blindness Simulator