#7480b4 hex color

In a RGB color space, hex #7480b4 is composed of 45.5% red, 50.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 28.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 228.8 degrees, a saturation of 29.9% and a lightness of 58%. #7480b4 color hex could be obtained by blending #e8ffff with #000169. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 50
- B 71
RGB color chart
- C 36
- M 29
- Y 0
- K 29
CMYK color chart

● #7480b4 color description : Slightly desaturated blue.

The hexadecimal color #7480b4 has RGB values of R:116, G:128, B:180 and CMYK values of C:0.36, M:0.29, Y:0, K:0.29. Its decimal value is 7635124.

Hex triplet	7480b4	`#7480b4`
RGB Decimal	116, 128, 180	`rgb(116,128,180)`
RGB Percent	45.5, 50.2, 70.6	`rgb(45.5%,50.2%,70.6%)`
CMYK	36, 29, 0, 29
HSL	228.8°, 29.9, 58	`hsl(228.8,29.9%,58%)`
HSV (or HSB)	228.8°, 35.6, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.497, 8.424, -28.839
XYZ	23.158, 22.446, 46.29
xyY	0.252, 0.244, 22.446
CIE-LCH	54.497, 30.044, 286.283
CIE-LUV	54.497, -8.571, -44.824
Hunter-Lab	47.377, 4.341, -24.765
Binary	01110100, 10000000, 10110100

#7480b4
```
#7480b4 rgb(116,128,180)
```
#b4a874
```
#b4a874 rgb(180,168,116)
```

Complementary Color

#74a0b4
```
#74a0b4 rgb(116,160,180)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#8874b4
```
#8874b4 rgb(136,116,180)
```

Analogous Color

#a0b474
```
#a0b474 rgb(160,180,116)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#b48874
```
#b48874 rgb(180,136,116)
```

Split Complementary Color

#80b474
```
#80b474 rgb(128,180,116)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#b47480
```
#b47480 rgb(180,116,128)
```

Triadic Color

#74b4a8
```
#74b4a8 rgb(116,180,168)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#b47480
```
#b47480 rgb(180,116,128)
```
#b4a874
```
#b4a874 rgb(180,168,116)
```

Tetradic Color

#4d598f
```
#4d598f rgb(77,89,143)
```
#56649f
```
#56649f rgb(86,100,159)
```
#6371ab
```
#6371ab rgb(99,113,171)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#858fbd
```
#858fbd rgb(133,143,189)
```
#959ec6
```
#959ec6 rgb(149,158,198)
```
#a6adcf
```
#a6adcf rgb(166,173,207)
```

Monochromatic Color

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

#7490b4
```
#7490b4 rgb(116,144,180)
```
#748bb4
```
#748bb4 rgb(116,139,180)
```
#7485b4
```
#7485b4 rgb(116,133,180)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#747bb4
```
#747bb4 rgb(116,123,180)
```
#7475b4
```
#7475b4 rgb(116,117,180)
```
#7874b4
```
#7874b4 rgb(120,116,180)
```

Similar Colors

Text with hexadecimal color #7480b4

This text has a font color of #7480b4.

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

#7480b4 background color

This paragraph has a background color of #7480b4.

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

#7480b4 border color

This element has a border color of #7480b4.

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

CSS codes

.text {color:#7480b4;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#07090e
```
#07090e rgb(7,9,14)
```
#0e111b
```
#0e111b rgb(14,17,27)
```
#151927
```
#151927 rgb(21,25,39)
```
#1c2134
```
#1c2134 rgb(28,33,52)
```
#232941
```
#232941 rgb(35,41,65)
```
#2a314e
```
#2a314e rgb(42,49,78)
```
#31395a
```
#31395a rgb(49,57,90)
```
#384167
```
#384167 rgb(56,65,103)
```
#3e4874
```
#3e4874 rgb(62,72,116)
```
#455081
```
#455081 rgb(69,80,129)
```
#4c588d
```
#4c588d rgb(76,88,141)
```
#53609a
```
#53609a rgb(83,96,154)
```

Shade Color Variation

#5b69a6
```
#5b69a6 rgb(91,105,166)
```
#6774ad
```
#6774ad rgb(103,116,173)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#818cbb
```
#818cbb rgb(129,140,187)
```
#8d97c2
```
#8d97c2 rgb(141,151,194)
```
#9aa3c9
```
#9aa3c9 rgb(154,163,201)
```
#a7afcf
```
#a7afcf rgb(167,175,207)
```
#b4bad6
```
#b4bad6 rgb(180,186,214)
```
#c0c6dd
```
#c0c6dd rgb(192,198,221)
```
#cdd1e4
```
#cdd1e4 rgb(205,209,228)
```
#daddeb
```
#daddeb rgb(218,221,235)
```
#e7e9f2
```
#e7e9f2 rgb(231,233,242)
```
#f3f4f9
```
#f3f4f9 rgb(243,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8f9b is the less saturated color, while #2a52fe is the most saturated one.

#8d8f9b
```
#8d8f9b rgb(141,143,155)
```
#848aa4
```
#848aa4 rgb(132,138,164)
```
#7c85ac
```
#7c85ac rgb(124,133,172)
```
#7480b4
```
#7480b4 rgb(116,128,180)
```
#6c7bbc
```
#6c7bbc rgb(108,123,188)
```
#6476c4
```
#6476c4 rgb(100,118,196)
```
#5b71cd
```
#5b71cd rgb(91,113,205)
```
#536bd5
```
#536bd5 rgb(83,107,213)
```
#4b66dd
```
#4b66dd rgb(75,102,221)
```
#4361e5
```
#4361e5 rgb(67,97,229)
```
#3a5cee
```
#3a5cee rgb(58,92,238)
```
#3257f6
```
#3257f6 rgb(50,87,246)
```
#2a52fe
```
#2a52fe rgb(42,82,254)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7f828c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7987b8 Protanopia 1% of men
#7887b7 Deuteranopia 1% of men
#718d97 Tritanopia 0.001% of the population

Trichromacy

#7784b6 Protanomaly 1% of men, 0.01% of women
#7684b6 Deuteranomaly 6% of men, 0.4% of women
#7288a1 Tritanomaly 0.01% of the population

#7480b4 hex color

#7480b4 Color Information

#7480b4 Color Conversion

Color Schemes with #7480b4

Alternatives to #7480b4

#7480b4 Preview

Shades and Tints of #7480b4

Tones of #7480b4

Color Blindness Simulator