#505fa5 hex color

In a RGB color space, hex #505fa5 is composed of 31.4% red, 37.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 42.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 229.4 degrees, a saturation of 34.7% and a lightness of 48%. #505fa5 color hex could be obtained by blending #a0beff with #00004b. Closest websafe color is: #666699.

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

● #505fa5 color description : Dark moderate blue.

The hexadecimal color #505fa5 has RGB values of R:80, G:95, B:165 and CMYK values of C:0.52, M:0.42, Y:0, K:0.35. Its decimal value is 5267365.

Hex triplet	505fa5	`#505fa5`
RGB Decimal	80, 95, 165	`rgb(80,95,165)`
RGB Percent	31.4, 37.3, 64.7	`rgb(31.4%,37.3%,64.7%)`
CMYK	52, 42, 0, 35
HSL	229.4°, 34.7, 48	`hsl(229.4,34.7%,48%)`
HSV (or HSB)	229.4°, 51.5, 64.7
Web Safe	666699	`#666699`

CIE-LAB	42.163, 14.547, -39.636
XYZ	14.191, 12.606, 37.281
xyY	0.221, 0.197, 12.606
CIE-LCH	42.163, 42.221, 290.154
CIE-LUV	42.163, -9.708, -59.365
Hunter-Lab	35.505, 9.21, -37.402
Binary	01010000, 01011111, 10100101

#505fa5
```
#505fa5 rgb(80,95,165)
```
#a59650
```
#a59650 rgb(165,150,80)
```

Complementary Color

#508aa5
```
#508aa5 rgb(80,138,165)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#6c50a5
```
#6c50a5 rgb(108,80,165)
```

Analogous Color

#8aa550
```
#8aa550 rgb(138,165,80)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#a56c50
```
#a56c50 rgb(165,108,80)
```

Split Complementary Color

#5fa550
```
#5fa550 rgb(95,165,80)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#a5505f
```
#a5505f rgb(165,80,95)
```

Triadic Color

#50a596
```
#50a596 rgb(80,165,150)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#a5505f
```
#a5505f rgb(165,80,95)
```
#a59650
```
#a59650 rgb(165,150,80)
```

Tetradic Color

#374171
```
#374171 rgb(55,65,113)
```
#3f4b83
```
#3f4b83 rgb(63,75,131)
```
#485594
```
#485594 rgb(72,85,148)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#5e6cb1
```
#5e6cb1 rgb(94,108,177)
```
#6f7cb9
```
#6f7cb9 rgb(111,124,185)
```
#808cc1
```
#808cc1 rgb(128,140,193)
```

Monochromatic Color

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

#5074a5
```
#5074a5 rgb(80,116,165)
```
#506da5
```
#506da5 rgb(80,109,165)
```
#5066a5
```
#5066a5 rgb(80,102,165)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#5058a5
```
#5058a5 rgb(80,88,165)
```
#5051a5
```
#5051a5 rgb(80,81,165)
```
#5650a5
```
#5650a5 rgb(86,80,165)
```

Similar Colors

Text with hexadecimal color #505fa5

This text has a font color of #505fa5.

<span style="color:#505fa5;">Text here</span>

#505fa5 background color

This paragraph has a background color of #505fa5.

<p style="background-color:#505fa5;">Content here</p>

#505fa5 border color

This element has a border color of #505fa5.

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

CSS codes

.text {color:#505fa5;}

.background {background-color:#505fa5;}

.border {border:1px solid #505fa5;}

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0b14
```
#0a0b14 rgb(10,11,20)
```
#101321
```
#101321 rgb(16,19,33)
```
#161b2e
```
#161b2e rgb(22,27,46)
```
#1d223b
```
#1d223b rgb(29,34,59)
```
#232a49
```
#232a49 rgb(35,42,73)
```
#2a3156
```
#2a3156 rgb(42,49,86)
```
#303963
```
#303963 rgb(48,57,99)
```
#364170
```
#364170 rgb(54,65,112)
```
#3d487d
```
#3d487d rgb(61,72,125)
```
#43508b
```
#43508b rgb(67,80,139)
```
#4a5798
```
#4a5798 rgb(74,87,152)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```

Shade Color Variation

#5a69af
```
#5a69af rgb(90,105,175)
```
#6775b5
```
#6775b5 rgb(103,117,181)
```
#7481bc
```
#7481bc rgb(116,129,188)
```
#818dc2
```
#818dc2 rgb(129,141,194)
```
#8f99c8
```
#8f99c8 rgb(143,153,200)
```
#9ca5cf
```
#9ca5cf rgb(156,165,207)
```
#a9b1d5
```
#a9b1d5 rgb(169,177,213)
```
#b6bddc
```
#b6bddc rgb(182,189,220)
```
#c3c9e2
```
#c3c9e2 rgb(195,201,226)
```
#d1d5e9
```
#d1d5e9 rgb(209,213,233)
```
#dee1ef
```
#dee1ef rgb(222,225,239)
```
#ebedf5
```
#ebedf5 rgb(235,237,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777f is the less saturated color, while #052ef0 is the most saturated one.

#76777f
```
#76777f rgb(118,119,127)
```
#6c7189
```
#6c7189 rgb(108,113,137)
```
#636b92
```
#636b92 rgb(99,107,146)
```
#59659c
```
#59659c rgb(89,101,156)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#4759ae
```
#4759ae rgb(71,89,174)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#344dc1
```
#344dc1 rgb(52,77,193)
```
#2a47cb
```
#2a47cb rgb(42,71,203)
```
#2141d4
```
#2141d4 rgb(33,65,212)
```
#173ade
```
#173ade rgb(23,58,222)
```
#0e34e7
```
#0e34e7 rgb(14,52,231)
```
#052ef0
```
#052ef0 rgb(5,46,240)
```

Tone Color Variation

Below, you can see how #505fa5 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

#626262 Achromatopsia 0.005% of the population
#5e616f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d69ab Protanopia 1% of men
#426ca7 Deuteranopia 1% of men
#45727a Tritanopia 0.001% of the population

Trichromacy

#4e65a9 Protanomaly 1% of men, 0.01% of women
#4767a6 Deuteranomaly 6% of men, 0.4% of women
#496b8a Tritanomaly 0.01% of the population

#505fa5 hex color

#505fa5 Color Information

#505fa5 Color Conversion

Color Schemes with #505fa5

Alternatives to #505fa5

#505fa5 Preview

Shades and Tints of #505fa5

Tones of #505fa5

Color Blindness Simulator