#7580b9 hex color

In a RGB color space, hex #7580b9 is composed of 45.9% red, 50.2% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 30.8% magenta, 0% yellow and 27.5% black. It has a hue angle of 230.3 degrees, a saturation of 32.7% and a lightness of 59.2%. #7580b9 color hex could be obtained by blending #eaffff with #000173. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 50
- B 73
RGB color chart
- C 37
- M 31
- Y 0
- K 27
CMYK color chart

● #7580b9 color description : Slightly desaturated blue.

The hexadecimal color #7580b9 has RGB values of R:117, G:128, B:185 and CMYK values of C:0.37, M:0.31, Y:0, K:0.27. Its decimal value is 7700665.

Hex triplet	7580b9	`#7580b9`
RGB Decimal	117, 128, 185	`rgb(117,128,185)`
RGB Percent	45.9, 50.2, 72.5	`rgb(45.9%,50.2%,72.5%)`
CMYK	37, 31, 0, 27
HSL	230.3°, 32.7, 59.2	`hsl(230.3,32.7%,59.2%)`
HSV (or HSB)	230.3°, 36.8, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.785, 10.086, -31.25
XYZ	23.81, 22.722, 49.028
xyY	0.249, 0.238, 22.722
CIE-LCH	54.785, 32.837, 287.888
CIE-LUV	54.785, -8.349, -48.934
Hunter-Lab	47.668, 5.743, -27.613
Binary	01110101, 10000000, 10111001

#7580b9
```
#7580b9 rgb(117,128,185)
```
#b9ae75
```
#b9ae75 rgb(185,174,117)
```

Complementary Color

#75a2b9
```
#75a2b9 rgb(117,162,185)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#8c75b9
```
#8c75b9 rgb(140,117,185)
```

Analogous Color

#a2b975
```
#a2b975 rgb(162,185,117)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#b98c75
```
#b98c75 rgb(185,140,117)
```

Split Complementary Color

#80b975
```
#80b975 rgb(128,185,117)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#b97580
```
#b97580 rgb(185,117,128)
```

Triadic Color

#75b9ae
```
#75b9ae rgb(117,185,174)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#b97580
```
#b97580 rgb(185,117,128)
```
#b9ae75
```
#b9ae75 rgb(185,174,117)
```

Tetradic Color

#4c5896
```
#4c5896 rgb(76,88,150)
```
#5462a7
```
#5462a7 rgb(84,98,167)
```
#6470b0
```
#6470b0 rgb(100,112,176)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#8690c2
```
#8690c2 rgb(134,144,194)
```
#979fca
```
#979fca rgb(151,159,202)
```
#a8afd3
```
#a8afd3 rgb(168,175,211)
```

Monochromatic Color

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

#7591b9
```
#7591b9 rgb(117,145,185)
```
#758bb9
```
#758bb9 rgb(117,139,185)
```
#7586b9
```
#7586b9 rgb(117,134,185)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#757ab9
```
#757ab9 rgb(117,122,185)
```
#7575b9
```
#7575b9 rgb(117,117,185)
```
#7b75b9
```
#7b75b9 rgb(123,117,185)
```

Similar Colors

Text with hexadecimal color #7580b9

This text has a font color of #7580b9.

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

#7580b9 background color

This paragraph has a background color of #7580b9.

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

#7580b9 border color

This element has a border color of #7580b9.

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

CSS codes

.text {color:#7580b9;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#090b12
```
#090b12 rgb(9,11,18)
```
#10121f
```
#10121f rgb(16,18,31)
```
#161a2c
```
#161a2c rgb(22,26,44)
```
#1d2239
```
#1d2239 rgb(29,34,57)
```
#242946
```
#242946 rgb(36,41,70)
```
#2a3153
```
#2a3153 rgb(42,49,83)
```
#313860
```
#313860 rgb(49,56,96)
```
#37406d
```
#37406d rgb(55,64,109)
```
#3e487a
```
#3e487a rgb(62,72,122)
```
#454f87
```
#454f87 rgb(69,79,135)
```
#4b5794
```
#4b5794 rgb(75,87,148)
```
#525fa1
```
#525fa1 rgb(82,95,161)
```

Shade Color Variation

#5b68ac
```
#5b68ac rgb(91,104,172)
```
#6874b2
```
#6874b2 rgb(104,116,178)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#828cc0
```
#828cc0 rgb(130,140,192)
```
#8f98c6
```
#8f98c6 rgb(143,152,198)
```
#9ca4cd
```
#9ca4cd rgb(156,164,205)
```
#a9b0d3
```
#a9b0d3 rgb(169,176,211)
```
#b6bcda
```
#b6bcda rgb(182,188,218)
```
#c3c8e1
```
#c3c8e1 rgb(195,200,225)
```
#d0d4e7
```
#d0d4e7 rgb(208,212,231)
```
#dde0ee
```
#dde0ee rgb(221,224,238)
```
#eaecf4
```
#eaecf4 rgb(234,236,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#959699
```
#959699 rgb(149,150,153)
```
#8d90a1
```
#8d90a1 rgb(141,144,161)
```
#858ba9
```
#858ba9 rgb(133,139,169)
```
#7d85b1
```
#7d85b1 rgb(125,133,177)
```
#7580b9
```
#7580b9 rgb(117,128,185)
```
#6d7bc1
```
#6d7bc1 rgb(109,123,193)
```
#6575c9
```
#6575c9 rgb(101,117,201)
```
#5d70d1
```
#5d70d1 rgb(93,112,209)
```
#556ad9
```
#556ad9 rgb(85,106,217)
```
#4d65e1
```
#4d65e1 rgb(77,101,225)
```
#4560e9
```
#4560e9 rgb(69,96,233)
```
#3d5af1
```
#3d5af1 rgb(61,90,241)
```
#3555f9
```
#3555f9 rgb(53,85,249)
```

Tone Color Variation

Below, you can see how #7580b9 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
#80828e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7787bd Protanopia 1% of men
#7688bc Deuteranopia 1% of men
#718e98 Tritanopia 0.001% of the population

Trichromacy

#7684bb Protanomaly 1% of men, 0.01% of women
#7585ba Deuteranomaly 6% of men, 0.4% of women
#7288a4 Tritanomaly 0.01% of the population

#7580b9 hex color

#7580b9 Color Information

#7580b9 Color Conversion

Color Schemes with #7580b9

Alternatives to #7580b9

#7580b9 Preview

Shades and Tints of #7580b9

Tones of #7580b9

Color Blindness Simulator