colorhexa.com

#7580b4 hex color

In a RGB color space, hex #7580b4 is composed of 45.9% red, 50.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 28.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 229.5 degrees, a saturation of 29.6% and a lightness of 58.2%. #7580b4 color hex could be obtained by blending #eaffff with #000169. Closest websafe color is: #6699cc.

- R 46
- G 50
- B 71
RGB color chart
- C 35
- M 29
- Y 0
- K 29
CMYK color chart

● #7580b4 color description : Slightly desaturated blue.

The hexadecimal color #7580b4 has RGB values of R:117, G:128, B:180 and CMYK values of C:0.35, M:0.29, Y:0, K:0.29. Its decimal value is 7700660.

Hex triplet	7580b4	`#7580b4`
RGB Decimal	117, 128, 180	`rgb(117,128,180)`
RGB Percent	45.9, 50.2, 70.6	`rgb(45.9%,50.2%,70.6%)`
CMYK	35, 29, 0, 29
HSL	229.5°, 29.6, 58.2	`hsl(229.5,29.6%,58.2%)`
HSV (or HSB)	229.5°, 35, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.569, 8.713, -28.721
XYZ	23.292, 22.515, 46.296
xyY	0.253, 0.244, 22.515
CIE-LCH	54.569, 30.013, 286.875
CIE-LUV	54.569, -8.137, -44.685
Hunter-Lab	47.45, 4.583, -24.633
Binary	01110101, 10000000, 10110100

#7580b4
```
#7580b4 rgb(117,128,180)
```
#b4a975
```
#b4a975 rgb(180,169,117)
```

Complementary Color

#75a0b4
```
#75a0b4 rgb(117,160,180)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#8a75b4
```
#8a75b4 rgb(138,117,180)
```

Analogous Color

#a0b475
```
#a0b475 rgb(160,180,117)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#b48a75
```
#b48a75 rgb(180,138,117)
```

Split Complementary Color

#80b475
```
#80b475 rgb(128,180,117)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#b47580
```
#b47580 rgb(180,117,128)
```

Triadic Color

#75b4a9
```
#75b4a9 rgb(117,180,169)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#b47580
```
#b47580 rgb(180,117,128)
```
#b4a975
```
#b4a975 rgb(180,169,117)
```

Tetradic Color

#4e598f
```
#4e598f rgb(78,89,143)
```
#57639f
```
#57639f rgb(87,99,159)
```
#6471ab
```
#6471ab rgb(100,113,171)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#868fbd
```
#868fbd rgb(134,143,189)
```
#969ec6
```
#969ec6 rgb(150,158,198)
```
#a7aecf
```
#a7aecf rgb(167,174,207)
```

Monochromatic Color

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

#7590b4
```
#7590b4 rgb(117,144,180)
```
#758bb4
```
#758bb4 rgb(117,139,180)
```
#7585b4
```
#7585b4 rgb(117,133,180)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#757bb4
```
#757bb4 rgb(117,123,180)
```
#7576b4
```
#7576b4 rgb(117,118,180)
```
#7a75b4
```
#7a75b4 rgb(122,117,180)
```

Similar Colors

Text with hexadecimal color #7580b4

This text has a font color of #7580b4.

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

#7580b4 background color

This paragraph has a background color of #7580b4.

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

#7580b4 border color

This element has a border color of #7580b4.

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

CSS codes

.text {color:#7580b4;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#08090f
```
#08090f rgb(8,9,15)
```
#0f111b
```
#0f111b rgb(15,17,27)
```
#161928
```
#161928 rgb(22,25,40)
```
#1d2135
```
#1d2135 rgb(29,33,53)
```
#242941
```
#242941 rgb(36,41,65)
```
#2a314e
```
#2a314e rgb(42,49,78)
```
#31395b
```
#31395b rgb(49,57,91)
```
#384067
```
#384067 rgb(56,64,103)
```
#3f4874
```
#3f4874 rgb(63,72,116)
```
#465081
```
#465081 rgb(70,80,129)
```
#4d588e
```
#4d588e rgb(77,88,142)
```
#54609a
```
#54609a rgb(84,96,154)
```

Shade Color Variation

#5c69a6
```
#5c69a6 rgb(92,105,166)
```
#6874ad
```
#6874ad rgb(104,116,173)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#828cbb
```
#828cbb rgb(130,140,187)
```
#8e97c2
```
#8e97c2 rgb(142,151,194)
```
#9ba3c9
```
#9ba3c9 rgb(155,163,201)
```
#a8afd0
```
#a8afd0 rgb(168,175,208)
```
#b5bad7
```
#b5bad7 rgb(181,186,215)
```
#c1c6dd
```
#c1c6dd rgb(193,198,221)
```
#ced2e4
```
#ced2e4 rgb(206,210,228)
```
#dbdeeb
```
#dbdeeb rgb(219,222,235)
```
#e7e9f2
```
#e7e9f2 rgb(231,233,242)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#8e909b
```
#8e909b rgb(142,144,155)
```
#858ba4
```
#858ba4 rgb(133,139,164)
```
#7d85ac
```
#7d85ac rgb(125,133,172)
```
#7580b4
```
#7580b4 rgb(117,128,180)
```
#6d7bbc
```
#6d7bbc rgb(109,123,188)
```
#6575c4
```
#6575c4 rgb(101,117,196)
```
#5c70cd
```
#5c70cd rgb(92,112,205)
```
#546bd5
```
#546bd5 rgb(84,107,213)
```
#4c65dd
```
#4c65dd rgb(76,101,221)
```
#4460e5
```
#4460e5 rgb(68,96,229)
```
#3c5bed
```
#3c5bed rgb(60,91,237)
```
#3355f6
```
#3355f6 rgb(51,85,246)
```
#2b50fe
```
#2b50fe rgb(43,80,254)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#80828d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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