#7586a0 hex color

In a RGB color space, hex #7586a0 is composed of 45.9% red, 52.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 16.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 216.3 degrees, a saturation of 18.5% and a lightness of 54.3%. #7586a0 color hex could be obtained by blending #eaffff with #000d41. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 46
- G 53
- B 63
RGB color chart
- C 27
- M 16
- Y 0
- K 37
CMYK color chart

● #7586a0 color description : Mostly desaturated dark blue.

The hexadecimal color #7586a0 has RGB values of R:117, G:134, B:160 and CMYK values of C:0.27, M:0.16, Y:0, K:0.37. Its decimal value is 7702176.

Hex triplet	7586a0	`#7586a0`
RGB Decimal	117, 134, 160	`rgb(117,134,160)`
RGB Percent	45.9, 52.5, 62.7	`rgb(45.9%,52.5%,62.7%)`
CMYK	27, 16, 0, 37
HSL	216.3°, 18.5, 54.3	`hsl(216.3,18.5%,54.3%)`
HSV (or HSB)	216.3°, 26.9, 62.7
Web Safe	669999	`#669999`

CIE-LAB	55.451, -0.033, -15.865
XYZ	22.205, 23.37, 36.597
xyY	0.27, 0.284, 23.37
CIE-LCH	55.451, 15.865, 269.881
CIE-LUV	55.451, -9.928, -23.4
Hunter-Lab	48.342, -2.608, -11.045
Binary	01110101, 10000110, 10100000

#7586a0
```
#7586a0 rgb(117,134,160)
```
#a08f75
```
#a08f75 rgb(160,143,117)
```

Complementary Color

#759ca0
```
#759ca0 rgb(117,156,160)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#7a75a0
```
#7a75a0 rgb(122,117,160)
```

Analogous Color

#9ca075
```
#9ca075 rgb(156,160,117)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#a07a75
```
#a07a75 rgb(160,122,117)
```

Split Complementary Color

#86a075
```
#86a075 rgb(134,160,117)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#a07586
```
#a07586 rgb(160,117,134)
```

Triadic Color

#75a08f
```
#75a08f rgb(117,160,143)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#a07586
```
#a07586 rgb(160,117,134)
```
#a08f75
```
#a08f75 rgb(160,143,117)
```

Tetradic Color

#526077
```
#526077 rgb(82,96,119)
```
#5c6d86
```
#5c6d86 rgb(92,109,134)
```
#677995
```
#677995 rgb(103,121,149)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#8493aa
```
#8493aa rgb(132,147,170)
```
#93a0b5
```
#93a0b5 rgb(147,160,181)
```
#a2aebf
```
#a2aebf rgb(162,174,191)
```

Monochromatic Color

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

#7591a0
```
#7591a0 rgb(117,145,160)
```
#758da0
```
#758da0 rgb(117,141,160)
```
#758aa0
```
#758aa0 rgb(117,138,160)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#7582a0
```
#7582a0 rgb(117,130,160)
```
#757fa0
```
#757fa0 rgb(117,127,160)
```
#757ba0
```
#757ba0 rgb(117,123,160)
```

Similar Colors

Text with hexadecimal color #7586a0

This text has a font color of #7586a0.

<span style="color:#7586a0;">Text here</span>

#7586a0 background color

This paragraph has a background color of #7586a0.

<p style="background-color:#7586a0;">Content here</p>

#7586a0 border color

This element has a border color of #7586a0.

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

CSS codes

.text {color:#7586a0;}

.background {background-color:#7586a0;}

.border {border:1px solid #7586a0;}

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 #f5f6f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090b0d
```
#090b0d rgb(9,11,13)
```
#111419
```
#111419 rgb(17,20,25)
```
#191d24
```
#191d24 rgb(25,29,36)
```
#212730
```
#212730 rgb(33,39,48)
```
#29303c
```
#29303c rgb(41,48,60)
```
#313a47
```
#313a47 rgb(49,58,71)
```
#394353
```
#394353 rgb(57,67,83)
```
#414d5e
```
#414d5e rgb(65,77,94)
```
#49566a
```
#49566a rgb(73,86,106)
```
#515f76
```
#515f76 rgb(81,95,118)
```
#596981
```
#596981 rgb(89,105,129)
```
#61728d
```
#61728d rgb(97,114,141)
```

Shade Color Variation

#697c98
```
#697c98 rgb(105,124,152)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#8190a8
```
#8190a8 rgb(129,144,168)
```
#8c9ab0
```
#8c9ab0 rgb(140,154,176)
```
#98a5b8
```
#98a5b8 rgb(152,165,184)
```
#a3afc0
```
#a3afc0 rgb(163,175,192)
```
#afb9c8
```
#afb9c8 rgb(175,185,200)
```
#bbc3d0
```
#bbc3d0 rgb(187,195,208)
```
#c6cdd8
```
#c6cdd8 rgb(198,205,216)
```
#d2d7e0
```
#d2d7e0 rgb(210,215,224)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#e9ecf0
```
#e9ecf0 rgb(233,236,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a8e is the less saturated color, while #1b73fa is the most saturated one.

#878a8e
```
#878a8e rgb(135,138,142)
```
#7e8897
```
#7e8897 rgb(126,136,151)
```
#7586a0
```
#7586a0 rgb(117,134,160)
```
#6c84a9
```
#6c84a9 rgb(108,132,169)
```
#6382b2
```
#6382b2 rgb(99,130,178)
```
#5a80bb
```
#5a80bb rgb(90,128,187)
```
#517ec4
```
#517ec4 rgb(81,126,196)
```
#487dcd
```
#487dcd rgb(72,125,205)
```
#3f7bd6
```
#3f7bd6 rgb(63,123,214)
```
#3679df
```
#3679df rgb(54,121,223)
```
#2d77e8
```
#2d77e8 rgb(45,119,232)
```
#2475f1
```
#2475f1 rgb(36,117,241)
```
#1b73fa
```
#1b73fa rgb(27,115,250)
```

Tone Color Variation

Below, you can see how #7586a0 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

#848484 Achromatopsia 0.005% of the population
#81848a Atypical Achromatopsia 0.001% of the population

Dichromacy

#858aa3 Protanopia 1% of men
#8988a6 Deuteranopia 1% of men
#798e98 Tritanopia 0.001% of the population

Trichromacy

#7f88a2 Protanomaly 1% of men, 0.01% of women
#8287a4 Deuteranomaly 6% of men, 0.4% of women
#778b9b Tritanomaly 0.01% of the population

#7586a0 hex color

#7586a0 Color Information

#7586a0 Color Conversion

Color Schemes with #7586a0

Alternatives to #7586a0

#7586a0 Preview

Shades and Tints of #7586a0

Tones of #7586a0

Color Blindness Simulator