#7480ff hex color

In a RGB color space, hex #7480ff is composed of 45.5% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 234.8 degrees, a saturation of 100% and a lightness of 72.7%. #7480ff color hex could be obtained by blending #e8ffff with #0001ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 50
- B 100
RGB color chart
- C 55
- M 50
- Y 0
- K 0
CMYK color chart

● #7480ff color description : Very light blue.

The hexadecimal color #7480ff has RGB values of R:116, G:128, B:255 and CMYK values of C:0.55, M:0.5, Y:0, K:0. Its decimal value is 7635199.

Hex triplet	7480ff	`#7480ff`
RGB Decimal	116, 128, 255	`rgb(116,128,255)`
RGB Percent	45.5, 50.2, 100	`rgb(45.5%,50.2%,100%)`
CMYK	55, 50, 0, 0
HSL	234.8°, 100, 72.7	`hsl(234.8,100%,72.7%)`
HSV (or HSB)	234.8°, 54.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.387, 30.676, -64.819
XYZ	32.968, 26.37, 97.955
xyY	0.21, 0.168, 26.37
CIE-LCH	58.387, 71.711, 295.326
CIE-LUV	58.387, -11.604, -106.111
Hunter-Lab	51.352, 24.732, -77.151
Binary	01110100, 10000000, 11111111

#7480ff
```
#7480ff rgb(116,128,255)
```
#fff374
```
#fff374 rgb(255,243,116)
```

Complementary Color

#74c6ff
```
#74c6ff rgb(116,198,255)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#ae74ff
```
#ae74ff rgb(174,116,255)
```

Analogous Color

#c6ff74
```
#c6ff74 rgb(198,255,116)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#ffae74
```
#ffae74 rgb(255,174,116)
```

Split Complementary Color

#80ff74
```
#80ff74 rgb(128,255,116)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#ff7480
```
#ff7480 rgb(255,116,128)
```

Triadic Color

#74fff3
```
#74fff3 rgb(116,255,243)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#ff7480
```
#ff7480 rgb(255,116,128)
```
#fff374
```
#fff374 rgb(255,243,116)
```

Tetradic Color

#283aff
```
#283aff rgb(40,58,255)
```
#4151ff
```
#4151ff rgb(65,81,255)
```
#5b69ff
```
#5b69ff rgb(91,105,255)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#8e97ff
```
#8e97ff rgb(142,151,255)
```
#a7afff
```
#a7afff rgb(167,175,255)
```
#c1c6ff
```
#c1c6ff rgb(193,198,255)
```

Monochromatic Color

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

#74a3ff
```
#74a3ff rgb(116,163,255)
```
#7497ff
```
#7497ff rgb(116,151,255)
```
#748cff
```
#748cff rgb(116,140,255)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#7474ff
```
#7474ff rgb(116,116,255)
```
#7f74ff
```
#7f74ff rgb(127,116,255)
```
#8b74ff
```
#8b74ff rgb(139,116,255)
```

Similar Colors

Text with hexadecimal color #7480ff

This text has a font color of #7480ff.

<span style="color:#7480ff;">Text here</span>

#7480ff background color

This paragraph has a background color of #7480ff.

<p style="background-color:#7480ff;">Content here</p>

#7480ff border color

This element has a border color of #7480ff.

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

CSS codes

.text {color:#7480ff;}

.background {background-color:#7480ff;}

.border {border:1px solid #7480ff;}

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

#000212
```
#000212 rgb(0,2,18)
```
#000326
```
#000326 rgb(0,3,38)
```
#000539
```
#000539 rgb(0,5,57)
```
#00074d
```
#00074d rgb(0,7,77)
```
#000860
```
#000860 rgb(0,8,96)
```
#000a74
```
#000a74 rgb(0,10,116)
```
#000c88
```
#000c88 rgb(0,12,136)
```
#000d9b
```
#000d9b rgb(0,13,155)
```
#000faf
```
#000faf rgb(0,15,175)
```
#0011c2
```
#0011c2 rgb(0,17,194)
```
#0012d6
```
#0012d6 rgb(0,18,214)
```
#0014ea
```
#0014ea rgb(0,20,234)
```
#0016fd
```
#0016fd rgb(0,22,253)
```

Shade Color Variation

#1226ff
```
#1226ff rgb(18,38,255)
```
#2638ff
```
#2638ff rgb(38,56,255)
```
#394aff
```
#394aff rgb(57,74,255)
```
#4d5cff
```
#4d5cff rgb(77,92,255)
```
#606eff
```
#606eff rgb(96,110,255)
```
#7480ff
```
#7480ff rgb(116,128,255)
```
#8892ff
```
#8892ff rgb(136,146,255)
```
#9ba4ff
```
#9ba4ff rgb(155,164,255)
```
#afb6ff
```
#afb6ff rgb(175,182,255)
```
#c2c8ff
```
#c2c8ff rgb(194,200,255)
```
#d6daff
```
#d6daff rgb(214,218,255)
```
#eaecff
```
#eaecff rgb(234,236,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#b4b5bf
```
#b4b5bf rgb(180,181,191)
```
#afb1c4
```
#afb1c4 rgb(175,177,196)
```
#a9acca
```
#a9acca rgb(169,172,202)
```
#a4a8cf
```
#a4a8cf rgb(164,168,207)
```
#9fa3d4
```
#9fa3d4 rgb(159,163,212)
```
#999fda
```
#999fda rgb(153,159,218)
```
#949bdf
```
#949bdf rgb(148,155,223)
```
#8f96e4
```
#8f96e4 rgb(143,150,228)
```
#8992ea
```
#8992ea rgb(137,146,234)
```
#848def
```
#848def rgb(132,141,239)
```
#7f89f4
```
#7f89f4 rgb(127,137,244)
```
#7984fa
```
#7984fa rgb(121,132,250)
```
#7480ff
```
#7480ff rgb(116,128,255)
```

Tone Color Variation

Below, you can see how #7480ff 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

#8b8b8b Achromatopsia 0.005% of the population
#8689a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518eff Protanopia 1% of men
#0094f8 Deuteranopia 1% of men
#519da8 Tritanopia 0.001% of the population

Trichromacy

#5e89ff Protanomaly 1% of men, 0.01% of women
#2a8dfa Deuteranomaly 6% of men, 0.4% of women
#5d92c7 Tritanomaly 0.01% of the population

#7480ff hex color

#7480ff Color Information

#7480ff Color Conversion

Color Schemes with #7480ff

Alternatives to #7480ff

#7480ff Preview

Shades and Tints of #7480ff

Tones of #7480ff

Color Blindness Simulator