#505da0 hex color

In a RGB color space, hex #505da0 is composed of 31.4% red, 36.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 41.9% magenta, 0% yellow and 37.3% black. It has a hue angle of 230.3 degrees, a saturation of 33.3% and a lightness of 47.1%. #505da0 color hex could be obtained by blending #a0baff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 36
- B 63
RGB color chart
- C 50
- M 42
- Y 0
- K 37
CMYK color chart

● #505da0 color description : Dark moderate blue.

The hexadecimal color #505da0 has RGB values of R:80, G:93, B:160 and CMYK values of C:0.5, M:0.42, Y:0, K:0.37. Its decimal value is 5266848.

Hex triplet	505da0	`#505da0`
RGB Decimal	80, 93, 160	`rgb(80,93,160)`
RGB Percent	31.4, 36.5, 62.7	`rgb(31.4%,36.5%,62.7%)`
CMYK	50, 42, 0, 37
HSL	230.3°, 33.3, 47.1	`hsl(230.3,33.3%,47.1%)`
HSV (or HSB)	230.3°, 50, 62.7
Web Safe	666699	`#666699`

CIE-LAB	41.33, 14.193, -37.991
XYZ	13.566, 12.072, 34.871
xyY	0.224, 0.2, 12.072
CIE-LCH	41.33, 40.555, 290.485
CIE-LUV	41.33, -8.867, -56.568
Hunter-Lab	34.744, 8.895, -35.185
Binary	01010000, 01011101, 10100000

#505da0
```
#505da0 rgb(80,93,160)
```
#a09350
```
#a09350 rgb(160,147,80)
```

Complementary Color

#5085a0
```
#5085a0 rgb(80,133,160)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#6b50a0
```
#6b50a0 rgb(107,80,160)
```

Analogous Color

#85a050
```
#85a050 rgb(133,160,80)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#a06b50
```
#a06b50 rgb(160,107,80)
```

Split Complementary Color

#5da050
```
#5da050 rgb(93,160,80)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#a0505d
```
#a0505d rgb(160,80,93)
```

Triadic Color

#50a093
```
#50a093 rgb(80,160,147)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#a0505d
```
#a0505d rgb(160,80,93)
```
#a09350
```
#a09350 rgb(160,147,80)
```

Tetradic Color

#373f6d
```
#373f6d rgb(55,63,109)
```
#3f497e
```
#3f497e rgb(63,73,126)
```
#48538f
```
#48538f rgb(72,83,143)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#5c69ae
```
#5c69ae rgb(92,105,174)
```
#6d79b6
```
#6d79b6 rgb(109,121,182)
```
#7e88bf
```
#7e88bf rgb(126,136,191)
```

Monochromatic Color

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

#5071a0
```
#5071a0 rgb(80,113,160)
```
#506aa0
```
#506aa0 rgb(80,106,160)
```
#5064a0
```
#5064a0 rgb(80,100,160)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#5056a0
```
#5056a0 rgb(80,86,160)
```
#5050a0
```
#5050a0 rgb(80,80,160)
```
#5750a0
```
#5750a0 rgb(87,80,160)
```

Similar Colors

Text with hexadecimal color #505da0

This text has a font color of #505da0.

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

#505da0 background color

This paragraph has a background color of #505da0.

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

#505da0 border color

This element has a border color of #505da0.

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

CSS codes

.text {color:#505da0;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080910
```
#080910 rgb(8,9,16)
```
#0f111d
```
#0f111d rgb(15,17,29)
```
#15192a
```
#15192a rgb(21,25,42)
```
#1c2037
```
#1c2037 rgb(28,32,55)
```
#222844
```
#222844 rgb(34,40,68)
```
#292f52
```
#292f52 rgb(41,47,82)
```
#2f375f
```
#2f375f rgb(47,55,95)
```
#363f6c
```
#363f6c rgb(54,63,108)
```
#3c4679
```
#3c4679 rgb(60,70,121)
```
#434e86
```
#434e86 rgb(67,78,134)
```
#495593
```
#495593 rgb(73,85,147)
```
#505da0
```
#505da0 rgb(80,93,160)
```

Shade Color Variation

#5866ac
```
#5866ac rgb(88,102,172)
```
#6572b2
```
#6572b2 rgb(101,114,178)
```
#727eb9
```
#727eb9 rgb(114,126,185)
```
#7f8abf
```
#7f8abf rgb(127,138,191)
```
#8c96c6
```
#8c96c6 rgb(140,150,198)
```
#99a2cc
```
#99a2cc rgb(153,162,204)
```
#a7aed3
```
#a7aed3 rgb(167,174,211)
```
#b4bad9
```
#b4bad9 rgb(180,186,217)
```
#c1c6e0
```
#c1c6e0 rgb(193,198,224)
```
#ced2e6
```
#ced2e6 rgb(206,210,230)
```
#dbdeed
```
#dbdeed rgb(219,222,237)
```
#e8eaf3
```
#e8eaf3 rgb(232,234,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75767b is the less saturated color, while #062bea is the most saturated one.

#75767b
```
#75767b rgb(117,118,123)
```
#6c7084
```
#6c7084 rgb(108,112,132)
```
#62698e
```
#62698e rgb(98,105,142)
```
#596397
```
#596397 rgb(89,99,151)
```
#505da0
```
#505da0 rgb(80,93,160)
```
#4757a9
```
#4757a9 rgb(71,87,169)
```
#3e51b2
```
#3e51b2 rgb(62,81,178)
```
#344abc
```
#344abc rgb(52,74,188)
```
#2b44c5
```
#2b44c5 rgb(43,68,197)
```
#223ece
```
#223ece rgb(34,62,206)
```
#1938d7
```
#1938d7 rgb(25,56,215)
```
#0f31e1
```
#0f31e1 rgb(15,49,225)
```
#062bea
```
#062bea rgb(6,43,234)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e606e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d67a6 Protanopia 1% of men
#446aa3 Deuteranopia 1% of men
#476f77 Tritanopia 0.001% of the population

Trichromacy

#4e63a4 Protanomaly 1% of men, 0.01% of women
#4865a1 Deuteranomaly 6% of men, 0.4% of women
#4a6886 Tritanomaly 0.01% of the population

#505da0 hex color

#505da0 Color Information

#505da0 Color Conversion

Color Schemes with #505da0

Alternatives to #505da0

#505da0 Preview

Shades and Tints of #505da0

Tones of #505da0

Color Blindness Simulator