#7480fd hex color

In a RGB color space, hex #7480fd is composed of 45.5% red, 50.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 49.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.7 degrees, a saturation of 97.2% and a lightness of 72.4%. #7480fd color hex could be obtained by blending #e8ffff with #0001fb. Closest websafe color is: #6699ff.

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

● #7480fd color description : Soft blue.

The hexadecimal color #7480fd has RGB values of R:116, G:128, B:253 and CMYK values of C:0.54, M:0.49, Y:0, K:0.01. Its decimal value is 7635197.

Hex triplet	7480fd	`#7480fd`
RGB Decimal	116, 128, 253	`rgb(116,128,253)`
RGB Percent	45.5, 50.2, 99.2	`rgb(45.5%,50.2%,99.2%)`
CMYK	54, 49, 0, 1
HSL	234.7°, 97.2, 72.4	`hsl(234.7,97.2%,72.4%)`
HSV (or HSB)	234.7°, 54.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.266, 30.055, -63.912
XYZ	32.648, 26.242, 96.268
xyY	0.21, 0.169, 26.242
CIE-LCH	58.266, 70.626, 295.185
CIE-LUV	58.266, -11.525, -104.571
Hunter-Lab	51.227, 24.114, -75.562
Binary	01110100, 10000000, 11111101

#7480fd
```
#7480fd rgb(116,128,253)
```
#fdf174
```
#fdf174 rgb(253,241,116)
```

Complementary Color

#74c5fd
```
#74c5fd rgb(116,197,253)
```
#7480fd
```
#7480fd rgb(116,128,253)
```
#ad74fd
```
#ad74fd rgb(173,116,253)
```

Analogous Color

#c5fd74
```
#c5fd74 rgb(197,253,116)
```
#7480fd
```
#7480fd rgb(116,128,253)
```
#fdad74
```
#fdad74 rgb(253,173,116)
```

Split Complementary Color

#80fd74
```
#80fd74 rgb(128,253,116)
```
#7480fd
```
#7480fd rgb(116,128,253)
```
#fd7480
```
#fd7480 rgb(253,116,128)
```

Triadic Color

#74fdf1
```
#74fdf1 rgb(116,253,241)
```
#7480fd
```
#7480fd rgb(116,128,253)
```
#fd7480
```
#fd7480 rgb(253,116,128)
```
#fdf174
```
#fdf174 rgb(253,241,116)
```

Tetradic Color

#293bfc
```
#293bfc rgb(41,59,252)
```
#4252fc
```
#4252fc rgb(66,82,252)
```
#5b69fd
```
#5b69fd rgb(91,105,253)
```
#7480fd
```
#7480fd rgb(116,128,253)
```
#8d97fd
```
#8d97fd rgb(141,151,253)
```
#a6aefe
```
#a6aefe rgb(166,174,254)
```
#bfc5fe
```
#bfc5fe rgb(191,197,254)
```

Monochromatic Color

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

#74a2fd
```
#74a2fd rgb(116,162,253)
```
#7497fd
```
#7497fd rgb(116,151,253)
```
#748bfd
```
#748bfd rgb(116,139,253)
```
#7480fd
```
#7480fd rgb(116,128,253)
```
#7475fd
```
#7475fd rgb(116,117,253)
```
#7f74fd
```
#7f74fd rgb(127,116,253)
```
#8a74fd
```
#8a74fd rgb(138,116,253)
```

Similar Colors

Text with hexadecimal color #7480fd

This text has a font color of #7480fd.

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

#7480fd background color

This paragraph has a background color of #7480fd.

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

#7480fd border color

This element has a border color of #7480fd.

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

CSS codes

.text {color:#7480fd;}

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

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

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

#000210
```
#000210 rgb(0,2,16)
```
#010423
```
#010423 rgb(1,4,35)
```
#010536
```
#010536 rgb(1,5,54)
```
#01074a
```
#01074a rgb(1,7,74)
```
#01095d
```
#01095d rgb(1,9,93)
```
#020b70
```
#020b70 rgb(2,11,112)
```
#020d84
```
#020d84 rgb(2,13,132)
```
#020f97
```
#020f97 rgb(2,15,151)
```
#0211aa
```
#0211aa rgb(2,17,170)
```
#0313be
```
#0313be rgb(3,19,190)
```
#0315d1
```
#0315d1 rgb(3,21,209)
```
#0317e4
```
#0317e4 rgb(3,23,228)
```
#0419f8
```
#0419f8 rgb(4,25,248)
```

Shade Color Variation

#1328fc
```
#1328fc rgb(19,40,252)
```
#2739fc
```
#2739fc rgb(39,57,252)
```
#3a4bfc
```
#3a4bfc rgb(58,75,252)
```
#4d5dfc
```
#4d5dfc rgb(77,93,252)
```
#616efd
```
#616efd rgb(97,110,253)
```
#7480fd
```
#7480fd rgb(116,128,253)
```
#8792fd
```
#8792fd rgb(135,146,253)
```
#9ba3fe
```
#9ba3fe rgb(155,163,254)
```
#aeb5fe
```
#aeb5fe rgb(174,181,254)
```
#c1c7fe
```
#c1c7fe rgb(193,199,254)
```
#d5d8fe
```
#d5d8fe rgb(213,216,254)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#b5b6bc
```
#b5b6bc rgb(181,182,188)
```
#b0b1c1
```
#b0b1c1 rgb(176,177,193)
```
#aaadc7
```
#aaadc7 rgb(170,173,199)
```
#a5a8cc
```
#a5a8cc rgb(165,168,204)
```
#9fa4d2
```
#9fa4d2 rgb(159,164,210)
```
#9a9fd7
```
#9a9fd7 rgb(154,159,215)
```
#959bdc
```
#959bdc rgb(149,155,220)
```
#8f96e2
```
#8f96e2 rgb(143,150,226)
```
#8a92e7
```
#8a92e7 rgb(138,146,231)
```
#848ded
```
#848ded rgb(132,141,237)
```
#7f89f2
```
#7f89f2 rgb(127,137,242)
```
#7984f8
```
#7984f8 rgb(121,132,248)
```
#7480fd
```
#7480fd rgb(116,128,253)
```

Tone Color Variation

Below, you can see how #7480fd 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
#1394f7 Deuteranopia 1% of men
#529ca7 Tritanopia 0.001% of the population

Trichromacy

#5d89fe Protanomaly 1% of men, 0.01% of women
#368cf9 Deuteranomaly 6% of men, 0.4% of women
#5e92c6 Tritanomaly 0.01% of the population

#7480fd hex color

#7480fd Color Information

#7480fd Color Conversion

Color Schemes with #7480fd

Alternatives to #7480fd

#7480fd Preview

Shades and Tints of #7480fd

Tones of #7480fd

Color Blindness Simulator