#505dd5 hex color

In a RGB color space, hex #505dd5 is composed of 31.4% red, 36.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 56.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 234.1 degrees, a saturation of 61.3% and a lightness of 57.5%. #505dd5 color hex could be obtained by blending #a0baff with #0000ab. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 36
- B 84
RGB color chart
- C 62
- M 56
- Y 0
- K 16
CMYK color chart

● #505dd5 color description : Moderate blue.

The hexadecimal color #505dd5 has RGB values of R:80, G:93, B:213 and CMYK values of C:0.62, M:0.56, Y:0, K:0.16. Its decimal value is 5266901.

Hex triplet	505dd5	`#505dd5`
RGB Decimal	80, 93, 213	`rgb(80,93,213)`
RGB Percent	31.4, 36.5, 83.5	`rgb(31.4%,36.5%,83.5%)`
CMYK	62, 56, 0, 16
HSL	234.1°, 61.3, 57.5	`hsl(234.1,61.3%,57.5%)`
HSV (or HSB)	234.1°, 62.4, 83.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.713, 31.837, -63.466
XYZ	19.23, 14.337, 64.701
xyY	0.196, 0.146, 14.337
CIE-LCH	44.713, 71.004, 296.64
CIE-LUV	44.713, -10.626, -97.146
Hunter-Lab	37.865, 24.392, -74.806
Binary	01010000, 01011101, 11010101

#505dd5
```
#505dd5 rgb(80,93,213)
```
#d5c850
```
#d5c850 rgb(213,200,80)
```

Complementary Color

#50a0d5
```
#50a0d5 rgb(80,160,213)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#8650d5
```
#8650d5 rgb(134,80,213)
```

Analogous Color

#a0d550
```
#a0d550 rgb(160,213,80)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#d58650
```
#d58650 rgb(213,134,80)
```

Split Complementary Color

#5dd550
```
#5dd550 rgb(93,213,80)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#d5505d
```
#d5505d rgb(213,80,93)
```

Triadic Color

#50d5c8
```
#50d5c8 rgb(80,213,200)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#d5505d
```
#d5505d rgb(213,80,93)
```
#d5c850
```
#d5c850 rgb(213,200,80)
```

Tetradic Color

#2a37af
```
#2a37af rgb(42,55,175)
```
#2f3dc3
```
#2f3dc3 rgb(47,61,195)
```
#3b4ad0
```
#3b4ad0 rgb(59,74,208)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#6570da
```
#6570da rgb(101,112,218)
```
#7983df
```
#7983df rgb(121,131,223)
```
#8e96e4
```
#8e96e4 rgb(142,150,228)
```

Monochromatic Color

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

#507ed5
```
#507ed5 rgb(80,126,213)
```
#5073d5
```
#5073d5 rgb(80,115,213)
```
#5068d5
```
#5068d5 rgb(80,104,213)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#5052d5
```
#5052d5 rgb(80,82,213)
```
#5950d5
```
#5950d5 rgb(89,80,213)
```
#6450d5
```
#6450d5 rgb(100,80,213)
```

Similar Colors

Text with hexadecimal color #505dd5

This text has a font color of #505dd5.

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

#505dd5 background color

This paragraph has a background color of #505dd5.

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

#505dd5 border color

This element has a border color of #505dd5.

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

CSS codes

.text {color:#505dd5;}

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

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

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, #04050f is the darkest color, while #fefeff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#070a1f
```
#070a1f rgb(7,10,31)
```
#0b0f2e
```
#0b0f2e rgb(11,15,46)
```
#0f143e
```
#0f143e rgb(15,20,62)
```
#13194e
```
#13194e rgb(19,25,78)
```
#171e5e
```
#171e5e rgb(23,30,94)
```
#1a226e
```
#1a226e rgb(26,34,110)
```
#1e277e
```
#1e277e rgb(30,39,126)
```
#222c8d
```
#222c8d rgb(34,44,141)
```
#26319d
```
#26319d rgb(38,49,157)
```
#2a36ad
```
#2a36ad rgb(42,54,173)
```
#2d3bbd
```
#2d3bbd rgb(45,59,189)
```
#3140cd
```
#3140cd rgb(49,64,205)
```

Shade Color Variation

#404ed1
```
#404ed1 rgb(64,78,209)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#606cd9
```
#606cd9 rgb(96,108,217)
```
#707add
```
#707add rgb(112,122,221)
```
#7f89e0
```
#7f89e0 rgb(127,137,224)
```
#8f98e4
```
#8f98e4 rgb(143,152,228)
```
#9fa6e8
```
#9fa6e8 rgb(159,166,232)
```
#afb5ec
```
#afb5ec rgb(175,181,236)
```
#bfc4f0
```
#bfc4f0 rgb(191,196,240)
```
#cfd2f3
```
#cfd2f3 rgb(207,210,243)
```
#dee1f7
```
#dee1f7 rgb(222,225,247)
```
#eeeffb
```
#eeeffb rgb(238,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c9b is the less saturated color, while #263bff is the most saturated one.

#8a8c9b
```
#8a8c9b rgb(138,140,155)
```
#8285a3
```
#8285a3 rgb(130,133,163)
```
#7a7fab
```
#7a7fab rgb(122,127,171)
```
#7178b4
```
#7178b4 rgb(113,120,180)
```
#6971bc
```
#6971bc rgb(105,113,188)
```
#616ac4
```
#616ac4 rgb(97,106,196)
```
#5864cd
```
#5864cd rgb(88,100,205)
```
#505dd5
```
#505dd5 rgb(80,93,213)
```
#4856dd
```
#4856dd rgb(72,86,221)
```
#3f50e6
```
#3f50e6 rgb(63,80,230)
```
#3749ee
```
#3749ee rgb(55,73,238)
```
#2f42f6
```
#2f42f6 rgb(47,66,246)
```
#263bff
```
#263bff rgb(38,59,255)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#62657d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#0073bd Deuteranopia 1% of men
#0a7c85 Tritanopia 0.001% of the population

Trichromacy

#1d67d6 Protanomaly 1% of men, 0.01% of women
#1d6bc6 Deuteranomaly 6% of men, 0.4% of women
#2471a2 Tritanomaly 0.01% of the population

#505dd5 hex color

#505dd5 Color Information

#505dd5 Color Conversion

Color Schemes with #505dd5

Alternatives to #505dd5

#505dd5 Preview

Shades and Tints of #505dd5

Tones of #505dd5

Color Blindness Simulator