#505edd hex color

In a RGB color space, hex #505edd is composed of 31.4% red, 36.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 57.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 234 degrees, a saturation of 67.5% and a lightness of 59%. #505edd color hex could be obtained by blending #a0bcff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 37
- B 87
RGB color chart
- C 64
- M 57
- Y 0
- K 13
CMYK color chart

● #505edd color description : Soft blue.

The hexadecimal color #505edd has RGB values of R:80, G:94, B:221 and CMYK values of C:0.64, M:0.57, Y:0, K:0.13. Its decimal value is 5267165.

Hex triplet	505edd	`#505edd`
RGB Decimal	80, 94, 221	`rgb(80,94,221)`
RGB Percent	31.4, 36.9, 86.7	`rgb(31.4%,36.9%,86.7%)`
CMYK	64, 57, 0, 13
HSL	234°, 67.5, 59	`hsl(234,67.5%,59%)`
HSV (or HSB)	234°, 63.8, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.539, 33.914, -66.687
XYZ	20.359, 14.93, 70.212
xyY	0.193, 0.142, 14.93
CIE-LCH	45.539, 74.815, 296.956
CIE-LUV	45.539, -11.15, -102.404
Hunter-Lab	38.64, 26.433, -80.687
Binary	01010000, 01011110, 11011101

#505edd
```
#505edd rgb(80,94,221)
```
#ddcf50
```
#ddcf50 rgb(221,207,80)
```

Complementary Color

#50a5dd
```
#50a5dd rgb(80,165,221)
```
#505edd
```
#505edd rgb(80,94,221)
```
#8950dd
```
#8950dd rgb(137,80,221)
```

Analogous Color

#a5dd50
```
#a5dd50 rgb(165,221,80)
```
#505edd
```
#505edd rgb(80,94,221)
```
#dd8950
```
#dd8950 rgb(221,137,80)
```

Split Complementary Color

#5edd50
```
#5edd50 rgb(94,221,80)
```
#505edd
```
#505edd rgb(80,94,221)
```
#dd505e
```
#dd505e rgb(221,80,94)
```

Triadic Color

#50ddcf
```
#50ddcf rgb(80,221,207)
```
#505edd
```
#505edd rgb(80,94,221)
```
#dd505e
```
#dd505e rgb(221,80,94)
```
#ddcf50
```
#ddcf50 rgb(221,207,80)
```

Tetradic Color

#2534bc
```
#2534bc rgb(37,52,188)
```
#2939d1
```
#2939d1 rgb(41,57,209)
```
#3b4ad9
```
#3b4ad9 rgb(59,74,217)
```
#505edd
```
#505edd rgb(80,94,221)
```
#6572e1
```
#6572e1 rgb(101,114,225)
```
#7b85e5
```
#7b85e5 rgb(123,133,229)
```
#9099e9
```
#9099e9 rgb(144,153,233)
```

Monochromatic Color

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

#5081dd
```
#5081dd rgb(80,129,221)
```
#5076dd
```
#5076dd rgb(80,118,221)
```
#506add
```
#506add rgb(80,106,221)
```
#505edd
```
#505edd rgb(80,94,221)
```
#5052dd
```
#5052dd rgb(80,82,221)
```
#5a50dd
```
#5a50dd rgb(90,80,221)
```
#6550dd
```
#6550dd rgb(101,80,221)
```

Similar Colors

Text with hexadecimal color #505edd

This text has a font color of #505edd.

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

#505edd background color

This paragraph has a background color of #505edd.

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

#505edd border color

This element has a border color of #505edd.

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

CSS codes

.text {color:#505edd;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040616
```
#040616 rgb(4,6,22)
```
#070b27
```
#070b27 rgb(7,11,39)
```
#0b0f37
```
#0b0f37 rgb(11,15,55)
```
#0e1447
```
#0e1447 rgb(14,20,71)
```
#111858
```
#111858 rgb(17,24,88)
```
#141d68
```
#141d68 rgb(20,29,104)
```
#172179
```
#172179 rgb(23,33,121)
```
#1b2689
```
#1b2689 rgb(27,38,137)
```
#1e2a99
```
#1e2a99 rgb(30,42,153)
```
#212faa
```
#212faa rgb(33,47,170)
```
#2433ba
```
#2433ba rgb(36,51,186)
```
#2738cb
```
#2738cb rgb(39,56,203)
```

Shade Color Variation

#2f40d7
```
#2f40d7 rgb(47,64,215)
```
#404fda
```
#404fda rgb(64,79,218)
```
#505edd
```
#505edd rgb(80,94,221)
```
#606de0
```
#606de0 rgb(96,109,224)
```
#717ce3
```
#717ce3 rgb(113,124,227)
```
#818be7
```
#818be7 rgb(129,139,231)
```
#929aea
```
#929aea rgb(146,154,234)
```
#a2aaed
```
#a2aaed rgb(162,170,237)
```
#b3b9f0
```
#b3b9f0 rgb(179,185,240)
```
#c3c8f3
```
#c3c8f3 rgb(195,200,243)
```
#d3d7f7
```
#d3d7f7 rgb(211,215,247)
```
#e4e6fa
```
#e4e6fa rgb(228,230,250)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90929d is the less saturated color, while #3044fd is the most saturated one.

#90929d
```
#90929d rgb(144,146,157)
```
#888ba5
```
#888ba5 rgb(136,139,165)
```
#8085ad
```
#8085ad rgb(128,133,173)
```
#787eb5
```
#787eb5 rgb(120,126,181)
```
#7078bd
```
#7078bd rgb(112,120,189)
```
#6871c5
```
#6871c5 rgb(104,113,197)
```
#606bcd
```
#606bcd rgb(96,107,205)
```
#5864d5
```
#5864d5 rgb(88,100,213)
```
#505edd
```
#505edd rgb(80,94,221)
```
#4858e5
```
#4858e5 rgb(72,88,229)
```
#4051ed
```
#4051ed rgb(64,81,237)
```
#384bf5
```
#384bf5 rgb(56,75,245)
```
#3044fd
```
#3044fd rgb(48,68,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#63667f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fdb Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#1d69db Protanomaly 1% of men, 0.01% of women
#1d6dca Deuteranomaly 6% of men, 0.4% of women
#1d72a6 Tritanomaly 0.01% of the population

#505edd hex color

#505edd Color Information

#505edd Color Conversion

Color Schemes with #505edd

Alternatives to #505edd

#505edd Preview

Shades and Tints of #505edd

Tones of #505edd

Color Blindness Simulator