colorhexa.com

#505dd8 hex color

In a RGB color space, hex #505dd8 is composed of 31.4% red, 36.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 56.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 234.3 degrees, a saturation of 63.6% and a lightness of 58%. #505dd8 color hex could be obtained by blending #a0baff with #0000b1. Closest websafe color is: #6666cc.

- R 31
- G 36
- B 85
RGB color chart
- C 63
- M 57
- Y 0
- K 15
CMYK color chart

● #505dd8 color description : Moderate blue.

The hexadecimal color #505dd8 has RGB values of R:80, G:93, B:216 and CMYK values of C:0.63, M:0.57, Y:0, K:0.15. Its decimal value is 5266904.

Hex triplet	505dd8	`#505dd8`
RGB Decimal	80, 93, 216	`rgb(80,93,216)`
RGB Percent	31.4, 36.5, 84.7	`rgb(31.4%,36.5%,84.7%)`
CMYK	63, 57, 0, 15
HSL	234.3°, 63.6, 58	`hsl(234.3,63.6%,58%)`
HSV (or HSB)	234.3°, 63, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.929, 32.848, -64.829
XYZ	19.615, 14.491, 66.725
xyY	0.195, 0.144, 14.491
CIE-LCH	44.929, 72.676, 296.871
CIE-LUV	44.929, -10.726, -99.294
Hunter-Lab	38.067, 25.358, -77.279
Binary	01010000, 01011101, 11011000

#505dd8
```
#505dd8 rgb(80,93,216)
```
#d8cb50
```
#d8cb50 rgb(216,203,80)
```

Complementary Color

#50a1d8
```
#50a1d8 rgb(80,161,216)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#8750d8
```
#8750d8 rgb(135,80,216)
```

Analogous Color

#a1d850
```
#a1d850 rgb(161,216,80)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#d88750
```
#d88750 rgb(216,135,80)
```

Split Complementary Color

#5dd850
```
#5dd850 rgb(93,216,80)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#d8505d
```
#d8505d rgb(216,80,93)
```

Triadic Color

#50d8cb
```
#50d8cb rgb(80,216,203)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#d8505d
```
#d8505d rgb(216,80,93)
```
#d8cb50
```
#d8cb50 rgb(216,203,80)
```

Tetradic Color

#2835b3
```
#2835b3 rgb(40,53,179)
```
#2d3cc8
```
#2d3cc8 rgb(45,60,200)
```
#3b4ad3
```
#3b4ad3 rgb(59,74,211)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#6570dd
```
#6570dd rgb(101,112,221)
```
#7a84e1
```
#7a84e1 rgb(122,132,225)
```
#8f97e6
```
#8f97e6 rgb(143,151,230)
```

Monochromatic Color

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

#507fd8
```
#507fd8 rgb(80,127,216)
```
#5074d8
```
#5074d8 rgb(80,116,216)
```
#5068d8
```
#5068d8 rgb(80,104,216)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#5052d8
```
#5052d8 rgb(80,82,216)
```
#5a50d8
```
#5a50d8 rgb(90,80,216)
```
#6550d8
```
#6550d8 rgb(101,80,216)
```

Similar Colors

Text with hexadecimal color #505dd8

This text has a font color of #505dd8.

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

#505dd8 background color

This paragraph has a background color of #505dd8.

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

#505dd8 border color

This element has a border color of #505dd8.

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

CSS codes

.text {color:#505dd8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040511
```
#040511 rgb(4,5,17)
```
#070a22
```
#070a22 rgb(7,10,34)
```
#0b0f32
```
#0b0f32 rgb(11,15,50)
```
#0f1342
```
#0f1342 rgb(15,19,66)
```
#121852
```
#121852 rgb(18,24,82)
```
#161d62
```
#161d62 rgb(22,29,98)
```
#192272
```
#192272 rgb(25,34,114)
```
#1d2782
```
#1d2782 rgb(29,39,130)
```
#202b92
```
#202b92 rgb(32,43,146)
```
#2430a2
```
#2430a2 rgb(36,48,162)
```
#2835b2
```
#2835b2 rgb(40,53,178)
```
#2b3ac2
```
#2b3ac2 rgb(43,58,194)
```

Shade Color Variation

#303fd1
```
#303fd1 rgb(48,63,209)
```
#404ed4
```
#404ed4 rgb(64,78,212)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#606cdc
```
#606cdc rgb(96,108,220)
```
#707bdf
```
#707bdf rgb(112,123,223)
```
#808ae3
```
#808ae3 rgb(128,138,227)
```
#9098e6
```
#9098e6 rgb(144,152,230)
```
#a0a7ea
```
#a0a7ea rgb(160,167,234)
```
#b0b6ed
```
#b0b6ed rgb(176,182,237)
```
#c0c5f1
```
#c0c5f1 rgb(192,197,241)
```
#d0d4f5
```
#d0d4f5 rgb(208,212,245)
```
#e0e3f8
```
#e0e3f8 rgb(224,227,248)
```
#f0f1fc
```
#f0f1fc rgb(240,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929296 is the less saturated color, while #2f42f9 is the most saturated one.

#929296
```
#929296 rgb(146,146,150)
```
#8a8c9e
```
#8a8c9e rgb(138,140,158)
```
#8185a7
```
#8185a7 rgb(129,133,167)
```
#797eaf
```
#797eaf rgb(121,126,175)
```
#7178b7
```
#7178b7 rgb(113,120,183)
```
#6971bf
```
#6971bf rgb(105,113,191)
```
#606ac8
```
#606ac8 rgb(96,106,200)
```
#5864d0
```
#5864d0 rgb(88,100,208)
```
#505dd8
```
#505dd8 rgb(80,93,216)
```
#4856e0
```
#4856e0 rgb(72,86,224)
```
#4050e8
```
#4050e8 rgb(64,80,232)
```
#3749f1
```
#3749f1 rgb(55,73,241)
```
#2f42f9
```
#2f42f9 rgb(47,66,249)
```

Tone Color Variation

Below, you can see how #505dd8 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
#62657e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074be Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#1d68d8 Protanomaly 1% of men, 0.01% of women
#1d6bc7 Deuteranomaly 6% of men, 0.4% of women
#1d71a3 Tritanomaly 0.01% of the population