#5087a5 hex color

In a RGB color space, hex #5087a5 is composed of 31.4% red, 52.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 18.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 201.2 degrees, a saturation of 34.7% and a lightness of 48%. #5087a5 color hex could be obtained by blending #a0ffff with #000f4b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 53
- B 65
RGB color chart
- C 52
- M 18
- Y 0
- K 35
CMYK color chart

● #5087a5 color description : Dark moderate blue.

The hexadecimal color #5087a5 has RGB values of R:80, G:135, B:165 and CMYK values of C:0.52, M:0.18, Y:0, K:0.35. Its decimal value is 5277605.

Hex triplet	5087a5	`#5087a5`
RGB Decimal	80, 135, 165	`rgb(80,135,165)`
RGB Percent	31.4, 52.9, 64.7	`rgb(31.4%,52.9%,64.7%)`
CMYK	52, 18, 0, 35
HSL	201.2°, 34.7, 48	`hsl(201.2,34.7%,48%)`
HSV (or HSB)	201.2°, 51.5, 64.7
Web Safe	669999	`#669999`

CIE-LAB	53.76, -9.56, -21.523
XYZ	18.762, 21.749, 38.805
xyY	0.237, 0.274, 21.749
CIE-LCH	53.76, 23.551, 246.051
CIE-LUV	53.76, -24.593, -30.83
Hunter-Lab	46.636, -9.8, -16.689
Binary	01010000, 10000111, 10100101

#5087a5
```
#5087a5 rgb(80,135,165)
```
#a56e50
```
#a56e50 rgb(165,110,80)
```

Complementary Color

#50a599
```
#50a599 rgb(80,165,153)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```
#505ca5
```
#505ca5 rgb(80,92,165)
```

Analogous Color

#a59950
```
#a59950 rgb(165,153,80)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```
#a5505d
```
#a5505d rgb(165,80,93)
```

Split Complementary Color

#87a550
```
#87a550 rgb(135,165,80)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```
#a55087
```
#a55087 rgb(165,80,135)
```

Triadic Color

#50a56e
```
#50a56e rgb(80,165,110)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```
#a55087
```
#a55087 rgb(165,80,135)
```
#a56e50
```
#a56e50 rgb(165,110,80)
```

Tetradic Color

#375d71
```
#375d71 rgb(55,93,113)
```
#3f6b83
```
#3f6b83 rgb(63,107,131)
```
#487994
```
#487994 rgb(72,121,148)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```
#5e93b1
```
#5e93b1 rgb(94,147,177)
```
#6f9fb9
```
#6f9fb9 rgb(111,159,185)
```
#80aac1
```
#80aac1 rgb(128,170,193)
```

Monochromatic Color

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

#509ca5
```
#509ca5 rgb(80,156,165)
```
#5095a5
```
#5095a5 rgb(80,149,165)
```
#508ea5
```
#508ea5 rgb(80,142,165)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```
#5080a5
```
#5080a5 rgb(80,128,165)
```
#5079a5
```
#5079a5 rgb(80,121,165)
```
#5072a5
```
#5072a5 rgb(80,114,165)
```

Similar Colors

Text with hexadecimal color #5087a5

This text has a font color of #5087a5.

<span style="color:#5087a5;">Text here</span>

#5087a5 background color

This paragraph has a background color of #5087a5.

<p style="background-color:#5087a5;">Content here</p>

#5087a5 border color

This element has a border color of #5087a5.

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

CSS codes

.text {color:#5087a5;}

.background {background-color:#5087a5;}

.border {border:1px solid #5087a5;}

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1014
```
#0a1014 rgb(10,16,20)
```
#101b21
```
#101b21 rgb(16,27,33)
```
#16262e
```
#16262e rgb(22,38,46)
```
#1d313b
```
#1d313b rgb(29,49,59)
```
#233b49
```
#233b49 rgb(35,59,73)
```
#2a4656
```
#2a4656 rgb(42,70,86)
```
#305163
```
#305163 rgb(48,81,99)
```
#365c70
```
#365c70 rgb(54,92,112)
```
#3d677d
```
#3d677d rgb(61,103,125)
```
#43718b
```
#43718b rgb(67,113,139)
```
#4a7c98
```
#4a7c98 rgb(74,124,152)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```

Shade Color Variation

#5a91af
```
#5a91af rgb(90,145,175)
```
#679ab5
```
#679ab5 rgb(103,154,181)
```
#74a2bc
```
#74a2bc rgb(116,162,188)
```
#81abc2
```
#81abc2 rgb(129,171,194)
```
#8fb4c8
```
#8fb4c8 rgb(143,180,200)
```
#9cbdcf
```
#9cbdcf rgb(156,189,207)
```
#a9c6d5
```
#a9c6d5 rgb(169,198,213)
```
#b6cedc
```
#b6cedc rgb(182,206,220)
```
#c3d7e2
```
#c3d7e2 rgb(195,215,226)
```
#d1e0e9
```
#d1e0e9 rgb(209,224,233)
```
#dee9ef
```
#dee9ef rgb(222,233,239)
```
#ebf2f5
```
#ebf2f5 rgb(235,242,245)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c7f is the less saturated color, while #059df0 is the most saturated one.

#767c7f
```
#767c7f rgb(118,124,127)
```
#6c7f89
```
#6c7f89 rgb(108,127,137)
```
#638192
```
#638192 rgb(99,129,146)
```
#59849c
```
#59849c rgb(89,132,156)
```
#5087a5
```
#5087a5 rgb(80,135,165)
```
#478aae
```
#478aae rgb(71,138,174)
```
#3d8db8
```
#3d8db8 rgb(61,141,184)
```
#348fc1
```
#348fc1 rgb(52,143,193)
```
#2a92cb
```
#2a92cb rgb(42,146,203)
```
#2195d4
```
#2195d4 rgb(33,149,212)
```
#1798de
```
#1798de rgb(23,152,222)
```
#0e9ae7
```
#0e9ae7 rgb(14,154,231)
```
#059df0
```
#059df0 rgb(5,157,240)
```

Tone Color Variation

Below, you can see how #5087a5 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

#7a7a7a Achromatopsia 0.005% of the population
#727d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f85a4 Protanopia 1% of men
#7d85ac Deuteranopia 1% of men
#52909a Tritanopia 0.001% of the population

Trichromacy

#6d86a4 Protanomaly 1% of men, 0.01% of women
#6d85a9 Deuteranomaly 6% of men, 0.4% of women
#518c9e Tritanomaly 0.01% of the population

#5087a5 hex color

#5087a5 Color Information

#5087a5 Color Conversion

Color Schemes with #5087a5

Alternatives to #5087a5

#5087a5 Preview

Shades and Tints of #5087a5

Tones of #5087a5

Color Blindness Simulator